{"id":2219,"date":"2025-03-10T09:57:19","date_gmt":"2025-03-10T09:57:19","guid":{"rendered":"https:\/\/www.8theme.com\/documentation\/?post_type=docs&#038;p=2219"},"modified":"2025-10-17T11:37:18","modified_gmt":"2025-10-17T11:37:18","password":"","slug":"variation-swatches-3","status":"publish","type":"docs","link":"https:\/\/www.8theme.com\/documentation\/xstore\/woocommerce\/variation-swatches-3\/","title":{"rendered":"Variation Swatches"},"content":{"rendered":"\n<p>This guide explains how to display <strong>variation swatches<\/strong> of the XStore theme for WooCommerce. By default, there are selectors for variations, but you can enable variation swatches (label, color, or image type).<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"922\" height=\"548\" src=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/03\/image.png\" alt=\"\" class=\"wp-image-2226\" srcset=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/03\/image.png 922w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/03\/image-300x178.png 300w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/03\/image-768x456.png 768w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/03\/image-360x214.png 360w\" sizes=\"(max-width: 922px) 100vw, 922px\" \/><\/figure>\n\n\n\n<p><br>Here is a video tutorial that we highly recommend watching: <a href=\"https:\/\/www.youtube.com\/embed\/LgzC4iK-j6A\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">https:\/\/www.youtube.com\/embed\/LgzC4iK-j6A<\/a> It is essential to view it, as it will help you intuitively understand how Swatches work.<br><br>The XStore theme only supports\u00a0<strong>global attributes<\/strong>\u00a0for variation swatches. Ensure that your product variations are set up using global attributes.<br><a href=\"https:\/\/woocommerce.com\/document\/variable-product\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">WooCommerce<\/a> provides two types of product attributes:<br>&#8211;\u00a0Global Attributes: These attributes are created under\u00a0WP-Admin > Products > Attributes. They are available for all products across the website and can be used for filtering.<br>&#8211;\u00a0Local Attributes: These attributes are created when editing an individual product. They are only visible on the product page and cannot be used for filtering.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This guide explains how to display variation swatches of the XStore theme for WooCommerce. By default, there are selectors for variations, but you can enable variation swatches (label, color, or image type). Here is a video tutorial that we highly recommend watching: https:\/\/www.youtube.com\/embed\/LgzC4iK-j6A It is essential to view it, as it will help you intuitively [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"doc_category":[40],"doc_tag":[],"class_list":["post-2219","docs","type-docs","status-publish","hentry","doc_category-woocommerce"],"aioseo_notices":[],"year_month":"2026-04","word_count":146,"total_views":"4096","reactions":{"happy":"0","normal":"0","sad":"2"},"author_info":{"author_nicename":"docs","author_url":"https:\/\/www.8theme.com\/documentation\/author\/docs\/"},"doc_category_info":[{"term_name":"WooCommerce","term_url":"https:\/\/www.8theme.com\/documentation\/xstore\/woocommerce\/"}],"doc_tag_info":[],"author_list":[{"ID":"1","user_login":"docs","display_name":"docs","id":"1"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/2219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/comments?post=2219"}],"version-history":[{"count":5,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/2219\/revisions"}],"predecessor-version":[{"id":2227,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/2219\/revisions\/2227"}],"wp:attachment":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/media?parent=2219"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=2219"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=2219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}