{"id":695,"date":"2018-06-07T17:56:04","date_gmt":"2018-06-07T17:56:04","guid":{"rendered":"https:\/\/kb.kadencethemes.com\/?post_type=ht_kb&#038;p=695"},"modified":"2026-01-16T20:18:28","modified_gmt":"2026-01-16T20:18:28","password":"","slug":"kadence-wooextras-variation-swatches","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-shop-kit\/kadence-wooextras-variation-swatches\/","title":{"rendered":"Variation Swatches"},"content":{"rendered":"\n<p><strong>Kadence<\/strong> <strong>Shop<\/strong> <strong>Kit<\/strong> provides powerful tools to help increase your <strong>WooCommerce<\/strong> <strong>store\u2019s<\/strong> <strong>sales<\/strong>. One of its key features is the ability to customize how <strong>product<\/strong> <strong>variations<\/strong> are <strong>displayed<\/strong>. With flexible options such as dropdowns and radio buttons, you can create a more engaging and intuitive experience that helps customers connect more easily with your products.<\/p>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id695_7e4b4d-87 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id695_7e4b4d-87 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id695_7e4b4d-87 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id695_7e4b4d-87 .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading695_a27cb6-ce, .wp-block-kadence-advancedheading.kt-adv-heading695_a27cb6-ce[data-kb-block=\"kb-adv-heading695_a27cb6-ce\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading695_a27cb6-ce mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading695_a27cb6-ce[data-kb-block=\"kb-adv-heading695_a27cb6-ce\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading695_a27cb6-ce img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading695_a27cb6-ce[data-kb-block=\"kb-adv-heading695_a27cb6-ce\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading695_a27cb6-ce wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading695_a27cb6-ce\">To get started, you should do the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Install and activate the <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-shop-kit\/how-to-install-activate-kadence-shop-kit\/\">Kadence Shop Kit<\/a> plugin.<\/li>\n\n\n\n<li>Navigate to Shop Kit in the bottom-left corner of your WordPress dashboard.<\/li>\n\n\n\n<li>Open the Variation Swatches tab.<\/li>\n\n\n\n<li>Enable variation swatches for your site.<\/li>\n<\/ul>\n\n\n<style>.kb-image695_b72671-24 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image695_b72671-24\"><img loading=\"lazy\" decoding=\"async\" width=\"1266\" height=\"892\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Enable-Swatches.jpg\" alt=\"Enable Swatches\" class=\"kb-img wp-image-9809\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Enable-Swatches.jpg 1266w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Enable-Swatches-300x211.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Enable-Swatches-1024x721.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Enable-Swatches-768x541.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Enable-Swatches-360x254.jpg 360w\" sizes=\"auto, (max-width: 1266px) 100vw, 1266px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\" \/>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading695_90a653-05, .wp-block-kadence-advancedheading.kt-adv-heading695_90a653-05[data-kb-block=\"kb-adv-heading695_90a653-05\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading695_90a653-05 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading695_90a653-05[data-kb-block=\"kb-adv-heading695_90a653-05\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading695_90a653-05 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading695_90a653-05[data-kb-block=\"kb-adv-heading695_90a653-05\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading695_90a653-05 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading695_90a653-05\">Product Page Settings<\/h2>\n\n\n<style>.kb-row-layout-id695_4b10d6-e2 > .kt-row-column-wrap{align-content:center;}:where(.kb-row-layout-id695_4b10d6-e2 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:center;}.kb-row-layout-id695_4b10d6-e2 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, calc(50% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)))minmax(0, calc(50% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)));}.kb-row-layout-id695_4b10d6-e2 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id695_4b10d6-e2 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id695_4b10d6-e2 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id695_4b10d6-e2 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-middle\">\n<style>.kadence-column695_394fc7-ff > .kt-inside-inner-col{display:flex;}.kadence-column695_394fc7-ff > .kt-inside-inner-col,.kadence-column695_394fc7-ff > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column695_394fc7-ff > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column695_394fc7-ff > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}.kadence-column695_394fc7-ff > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column695_394fc7-ff{align-self:flex-start;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column695_394fc7-ff{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column695_394fc7-ff > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}.kadence-column695_394fc7-ff > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column695_394fc7-ff{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column695_394fc7-ff{align-self:flex-start;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column695_394fc7-ff{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column695_394fc7-ff > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}}@media all and (max-width: 1024px){.kadence-column695_394fc7-ff > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column695_394fc7-ff{align-self:flex-start;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column695_394fc7-ff{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column695_394fc7-ff > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}.kadence-column695_394fc7-ff > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column695_394fc7-ff inner-column-1\"><div class=\"kt-inside-inner-col\"><style>.kb-image695_6e7f79-f0 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image695_6e7f79-f0\"><img loading=\"lazy\" decoding=\"async\" width=\"488\" height=\"772\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Product-Page-Settings.jpg\" alt=\"Product Page Settings\" class=\"kb-img wp-image-9811\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Product-Page-Settings.jpg 488w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Product-Page-Settings-190x300.jpg 190w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Product-Page-Settings-324x512.jpg 324w\" sizes=\"auto, (max-width: 488px) 100vw, 488px\" \/><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column695_23b092-33 > .kt-inside-inner-col,.kadence-column695_23b092-33 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column695_23b092-33 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column695_23b092-33 > .kt-inside-inner-col{flex-direction:column;}.kadence-column695_23b092-33 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column695_23b092-33 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column695_23b092-33{position:relative;}@media all and (max-width: 1024px){.kadence-column695_23b092-33 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column695_23b092-33 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column695_23b092-33 inner-column-2\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading695_2ee431-e1, .wp-block-kadence-advancedheading.kt-adv-heading695_2ee431-e1[data-kb-block=\"kb-adv-heading695_2ee431-e1\"]{margin-bottom:0px;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading695_2ee431-e1 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading695_2ee431-e1[data-kb-block=\"kb-adv-heading695_2ee431-e1\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading695_2ee431-e1 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading695_2ee431-e1[data-kb-block=\"kb-adv-heading695_2ee431-e1\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading695_2ee431-e1 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading695_2ee431-e1\"><strong>Variation label display:<\/strong> Set the display settings for your Label. This can be set to:<\/p>\n\n\n\n<ul style=\"margin-bottom:var(--wp--preset--spacing--30)\" class=\"wp-block-list\">\n<li>Beside the variation (default)<\/li>\n\n\n\n<li>Above the variation<\/li>\n\n\n\n<li>Hidden<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading695_267fa2-5d, .wp-block-kadence-advancedheading.kt-adv-heading695_267fa2-5d[data-kb-block=\"kb-adv-heading695_267fa2-5d\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading695_267fa2-5d mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading695_267fa2-5d[data-kb-block=\"kb-adv-heading695_267fa2-5d\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading695_267fa2-5d img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading695_267fa2-5d[data-kb-block=\"kb-adv-heading695_267fa2-5d\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading695_267fa2-5d wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading695_267fa2-5d\"><strong>Choose a default swatch type:<\/strong> Choose the default swatch type for your variations.<\/p>\n\n\n\n<ul style=\"margin-bottom:var(--wp--preset--spacing--30)\" class=\"wp-block-list\">\n<li>Dropdown select box<\/li>\n\n\n\n<li>Radio buttons<\/li>\n\n\n\n<li>Color swatches<\/li>\n\n\n\n<li>Image swatches<\/li>\n\n\n\n<li>Taxonomy-defined<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading695_3fa881-fb, .wp-block-kadence-advancedheading.kt-adv-heading695_3fa881-fb[data-kb-block=\"kb-adv-heading695_3fa881-fb\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading695_3fa881-fb mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading695_3fa881-fb[data-kb-block=\"kb-adv-heading695_3fa881-fb\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading695_3fa881-fb img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading695_3fa881-fb[data-kb-block=\"kb-adv-heading695_3fa881-fb\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading695_3fa881-fb wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading695_3fa881-fb\">Notes:<\/p>\n\n\n\n<ul style=\"margin-bottom:var(--wp--preset--spacing--30)\" class=\"wp-block-list\">\n<li>When using taxonomy-defined, you can assign a swatch type for each attribute under WooCommerce \u2192 Attributes.<\/li>\n\n\n\n<li>Swatch types can also be overridden on a per-product basis.\u00a0See below for more information on this feature.<\/li>\n<\/ul>\n\n\n\n<p><em>This can also be set on a product-to-product basis. <a href=\"#swatch-attributes\">See below<\/a> for more information on this feature.<\/em><br><strong><br>Choose a default swatch label open:<\/strong> This setting controls how the swatch label is shown. It can be set to No label, Show above, Show below, or Show above on hover. This option can also be overridden on a per-product basis.<br><br><strong>Choose a default swatch size: <\/strong>This setting controls the size of each swatch option. This can be set globally here or individually on a product-to-product basis.<br><br><strong>Dropdown &#8220;Choose an option&#8221; text:<\/strong> This setting allows you to set the default placeholder text for dropdown swatch selections.<\/p>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Configure Product Variations<\/h2>\n\n\n\n<p>Before variations can be displayed on a single product page, you must first create them under <strong>Product Data \u2192 Attributes<\/strong>. Define your attributes (such as size or color) and enable them for use in variations.<br><br>For example, see the variation below:<\/p>\n\n\n<style>.kb-image695_7da0d9-77 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image695_7da0d9-77 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"322\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-13-at-4.58.59-PM-min-1024x322.png\" alt=\"\" class=\"kb-img wp-image-5953\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-13-at-4.58.59-PM-min-1024x322.png 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-13-at-4.58.59-PM-min-300x94.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-13-at-4.58.59-PM-min-768x242.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-13-at-4.58.59-PM-min-1536x484.png 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-13-at-4.58.59-PM-min-2048x645.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading695_565451-25, .wp-block-kadence-advancedheading.kt-adv-heading695_565451-25[data-kb-block=\"kb-adv-heading695_565451-25\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading695_565451-25 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading695_565451-25[data-kb-block=\"kb-adv-heading695_565451-25\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading695_565451-25 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading695_565451-25[data-kb-block=\"kb-adv-heading695_565451-25\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading695_565451-25 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading695_565451-25\">Once your variations are created, be sure to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set a price for each variation.<\/li>\n\n\n\n<li>Assign an image to each variation.<\/li>\n\n\n\n<li>Optionally add multiple images to create a variation image gallery.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"615\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-15-at-11.17.45-AM-min-1024x615.png\" alt=\"\" class=\"wp-image-5987\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-15-at-11.17.45-AM-min-1024x615.png 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-15-at-11.17.45-AM-min-300x180.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-15-at-11.17.45-AM-min-768x462.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-15-at-11.17.45-AM-min-1536x923.png 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-15-at-11.17.45-AM-min-2048x1231.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.kadence-column695_318bc2-78 > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kadence-column695_318bc2-78 > .kt-inside-inner-col,.kadence-column695_318bc2-78 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column695_318bc2-78 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column695_318bc2-78 > .kt-inside-inner-col{flex-direction:column;}.kadence-column695_318bc2-78 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column695_318bc2-78 > .kt-inside-inner-col{background-color:var(--global-palette8, #F7FAFC);}.kadence-column695_318bc2-78 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column695_318bc2-78{position:relative;}@media all and (max-width: 1024px){.kadence-column695_318bc2-78 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column695_318bc2-78 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column695_318bc2-78\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading695_5bdb9c-69, .wp-block-kadence-advancedheading.kt-adv-heading695_5bdb9c-69[data-kb-block=\"kb-adv-heading695_5bdb9c-69\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading695_5bdb9c-69 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading695_5bdb9c-69[data-kb-block=\"kb-adv-heading695_5bdb9c-69\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading695_5bdb9c-69 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading695_5bdb9c-69[data-kb-block=\"kb-adv-heading695_5bdb9c-69\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading695_5bdb9c-69 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading695_5bdb9c-69\"><strong>Important:<\/strong> The Shop Kit Variation Gallery <strong>only replaces the main WooCommerce product gallery<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If the main product gallery has no images, variation images will not display on the frontend.<\/li>\n\n\n\n<li>Always add at least one image to the main product gallery to ensure variation images load correctly.<\/li>\n<\/ul>\n\n\n\n<p>The <strong>Variation Gallery<\/strong> feature requires the <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-shop-kit\/kadence-wooextras-product-galleries\/\"><strong>Shop Kit Product Gallery<\/strong><\/a> to be enabled. Variation Galleries will not function unless the Product Gallery feature is active.<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Swatch Attributes<\/h2>\n\n\n\n<p>Once your variations are configured, save the product and the swatches will use your global default settings. If needed, you can customize how swatches display for individual products.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading695_8570f4-42, .wp-block-kadence-advancedheading.kt-adv-heading695_8570f4-42[data-kb-block=\"kb-adv-heading695_8570f4-42\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading695_8570f4-42 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading695_8570f4-42[data-kb-block=\"kb-adv-heading695_8570f4-42\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading695_8570f4-42 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading695_8570f4-42[data-kb-block=\"kb-adv-heading695_8570f4-42\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading695_8570f4-42 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading695_8570f4-42\">To do this, open the <strong>Variation Swatches<\/strong> tab under <strong>Product Data<\/strong>. From there, you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the variation style.<\/li>\n\n\n\n<li>Adjust the label display.<\/li>\n\n\n\n<li>Set the swatch size.<\/li>\n\n\n\n<li>Assign a color or image to each swatch.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"644\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-2.43.19-PM-min-1024x644.png\" alt=\"\" class=\"wp-image-5958\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-2.43.19-PM-min-1024x644.png 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-2.43.19-PM-min-300x189.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-2.43.19-PM-min-768x483.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-2.43.19-PM-min-1536x966.png 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-2.43.19-PM-min-2048x1288.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After configuring your swatches, preview the product to confirm that your settings are applied correctly.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"812\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-15-at-11.14.23-AM-min-1024x812.png\" alt=\"\" class=\"wp-image-5985\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-15-at-11.14.23-AM-min-1024x812.png 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-15-at-11.14.23-AM-min-300x238.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-15-at-11.14.23-AM-min-768x609.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-15-at-11.14.23-AM-min-1536x1219.png 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-15-at-11.14.23-AM-min.png 1684w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Variation Styles<\/h2>\n\n\n\n<p>Displayed below are the styling options available for your product variations.<\/p>\n\n\n\n<p>Dropdown:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"565\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-3.23.27-PM-min-1024x565.png\" alt=\"\" class=\"wp-image-5959\" style=\"width:512px;height:283px\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-3.23.27-PM-min-1024x565.png 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-3.23.27-PM-min-300x165.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-3.23.27-PM-min-768x424.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-3.23.27-PM-min.png 1106w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>Variation Radio Boxes:<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"447\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-3.25.59-PM-min-1024x447.png\" alt=\"\" class=\"wp-image-5961\" style=\"width:512px;height:224px\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-3.25.59-PM-min-1024x447.png 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-3.25.59-PM-min-300x131.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-3.25.59-PM-min-768x335.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-3.25.59-PM-min.png 1058w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>Variation Color or Image Swatches:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"702\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-3.20.46-PM-min-1024x702.png\" alt=\"\" class=\"wp-image-5960\" style=\"width:512px;height:351px\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-3.20.46-PM-min-1024x702.png 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-3.20.46-PM-min-300x206.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-3.20.46-PM-min-768x527.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Screen-Shot-2022-09-14-at-3.20.46-PM-min.png 1108w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\" \/>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading695_ae249d-d2, .wp-block-kadence-advancedheading.kt-adv-heading695_ae249d-d2[data-kb-block=\"kb-adv-heading695_ae249d-d2\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading695_ae249d-d2 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading695_ae249d-d2[data-kb-block=\"kb-adv-heading695_ae249d-d2\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading695_ae249d-d2 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading695_ae249d-d2[data-kb-block=\"kb-adv-heading695_ae249d-d2\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading695_ae249d-d2 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading695_ae249d-d2\">Archive Settings<\/h2>\n\n\n<style>.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, calc(50% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)))minmax(0, calc(50% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)));}.kb-row-layout-id695_2110ea-08 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 1024px){.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(1 of *:not(style)){order:2;}}@media all and (max-width: 1024px){.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2 of *:not(style)){order:1;}}@media all and (max-width: 1024px){.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(3 of *:not(style)){order:12;}}@media all and (max-width: 1024px){.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(4 of *:not(style)){order:11;}}@media all and (max-width: 1024px){.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(5 of *:not(style)){order:22;}}@media all and (max-width: 1024px){.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(6 of *:not(style)){order:21;}}@media all and (max-width: 1024px){.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(7 of *:not(style)){order:32;}}@media all and (max-width: 1024px){.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(8 of *:not(style)){order:31;}}@media all and (max-width: 767px){.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(1 of *:not(style)){order:2;}.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2 of *:not(style)){order:1;}.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(3 of *:not(style)){order:12;}.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(4 of *:not(style)){order:11;}.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(5 of *:not(style)){order:22;}.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(6 of *:not(style)){order:21;}.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(7 of *:not(style)){order:32;}.kb-row-layout-id695_2110ea-08 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(8 of *:not(style)){order:31;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id695_2110ea-08 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-row kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column695_abf3dc-28 > .kt-inside-inner-col,.kadence-column695_abf3dc-28 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column695_abf3dc-28 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column695_abf3dc-28 > .kt-inside-inner-col{flex-direction:column;}.kadence-column695_abf3dc-28 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column695_abf3dc-28 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column695_abf3dc-28{position:relative;}@media all and (max-width: 1024px){.kadence-column695_abf3dc-28 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column695_abf3dc-28 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column695_abf3dc-28\"><div class=\"kt-inside-inner-col\">\n<p>To display variation swatches on archive pages (Shop, Product Categories, and Tags), enable the <strong>Enable Swatches for Archives<\/strong> option.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading695_f31d0f-13, .wp-block-kadence-advancedheading.kt-adv-heading695_f31d0f-13[data-kb-block=\"kb-adv-heading695_f31d0f-13\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading695_f31d0f-13 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading695_f31d0f-13[data-kb-block=\"kb-adv-heading695_f31d0f-13\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading695_f31d0f-13 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading695_f31d0f-13[data-kb-block=\"kb-adv-heading695_f31d0f-13\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading695_f31d0f-13 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading695_f31d0f-13\"><strong>Archive Swatch Mode<\/strong> options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Normal<\/strong> \u2013 Displays all attributes<\/li>\n\n\n\n<li><strong>Catalog Mode<\/strong> \u2013 Displays only one attribute<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading695_0f7c02-f4, .wp-block-kadence-advancedheading.kt-adv-heading695_0f7c02-f4[data-kb-block=\"kb-adv-heading695_0f7c02-f4\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading695_0f7c02-f4 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading695_0f7c02-f4[data-kb-block=\"kb-adv-heading695_0f7c02-f4\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading695_0f7c02-f4 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading695_0f7c02-f4[data-kb-block=\"kb-adv-heading695_0f7c02-f4\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading695_0f7c02-f4 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading695_0f7c02-f4\"><strong>Swatch Position<\/strong>: \u00a0This option determines where the swatches display on archives. Available options are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Before Title<\/li>\n\n\n\n<li>After Title<\/li>\n\n\n\n<li>Before Price<\/li>\n\n\n\n<li>After Price<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading695_3023f2-9f, .wp-block-kadence-advancedheading.kt-adv-heading695_3023f2-9f[data-kb-block=\"kb-adv-heading695_3023f2-9f\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading695_3023f2-9f mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading695_3023f2-9f[data-kb-block=\"kb-adv-heading695_3023f2-9f\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading695_3023f2-9f img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading695_3023f2-9f[data-kb-block=\"kb-adv-heading695_3023f2-9f\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading695_3023f2-9f wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading695_3023f2-9f\"><strong><em>Variation label display<\/em>:<\/strong> This option controls how each label is displayed. Available options are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Beside Variation<\/li>\n\n\n\n<li>Above the variation<\/li>\n\n\n\n<li>Hidden (default)<\/li>\n<\/ul>\n\n\n\n<p><strong>Choose a default swatch size<\/strong> <strong>option<\/strong>: This option sets the swatches&#8217; default size.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column695_1243d7-6e > .kt-inside-inner-col{display:flex;}.kadence-column695_1243d7-6e > .kt-inside-inner-col,.kadence-column695_1243d7-6e > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column695_1243d7-6e > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column695_1243d7-6e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column695_1243d7-6e > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column695_1243d7-6e{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column695_1243d7-6e{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column695_1243d7-6e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column695_1243d7-6e > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column695_1243d7-6e{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column695_1243d7-6e{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column695_1243d7-6e{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column695_1243d7-6e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column695_1243d7-6e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column695_1243d7-6e{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column695_1243d7-6e{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column695_1243d7-6e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column695_1243d7-6e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column695_1243d7-6e\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-embed is-type-photo is-provider-created-with-zight wp-block-embed-created-with-zight\"><div class=\"wp-block-embed__wrapper\">\n<a href=\"https:\/\/share.zight.com\/nOuOw9BE\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p-d0FK22zG.t2.n0.cdn.zight.com\/items\/nOuOw9BE\/2571e7a8-4d61-44fc-84f9-cebb49c500ea.jpg\" alt=\"Kadence Shop Kit \u2039 Lala \u2014 WordPress 2025-07-22 at 8.03.25 AM\" width=\"848\" height=\"1052\" \/><\/a>\n<\/div><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>This is a screenshot of the variation product with one attribute.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"625\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Shop-Lala-2025-07-22-at-8.20.19-AM-1024x625.jpg\" alt=\"\" class=\"wp-image-13915\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Shop-Lala-2025-07-22-at-8.20.19-AM-1024x625.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Shop-Lala-2025-07-22-at-8.20.19-AM-300x183.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Shop-Lala-2025-07-22-at-8.20.19-AM-768x469.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Shop-Lala-2025-07-22-at-8.20.19-AM-1536x938.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Shop-Lala-2025-07-22-at-8.20.19-AM-360x220.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Shop-Lala-2025-07-22-at-8.20.19-AM.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Showing as color swatches.<\/em><\/li>\n\n\n\n<li><em>Label set to show above the variation<\/em><\/li>\n<\/ul>\n\n\n\n<p>If variation swatches are enabled on archives, they&#8217;ll also show in the Quickview. Here&#8217;s how it looks:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Shop-Lala-2025-07-22-at-8.22.12-AM-1024x578.jpg\" alt=\"\" class=\"wp-image-13917\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Shop-Lala-2025-07-22-at-8.22.12-AM-1024x578.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Shop-Lala-2025-07-22-at-8.22.12-AM-300x169.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Shop-Lala-2025-07-22-at-8.22.12-AM-768x434.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Shop-Lala-2025-07-22-at-8.22.12-AM-1536x868.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Shop-Lala-2025-07-22-at-8.22.12-AM-360x203.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/06\/Shop-Lala-2025-07-22-at-8.22.12-AM.jpg 2018w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Variation Galleries:<\/h2>\n\n\n\n<p>Variation Galleries allow you to assign multiple images to individual product variations. When a customer selects a variation on the product page, the product gallery automatically updates to display only the images associated with that variation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Dependency Requirement<\/strong><\/h3>\n\n\n\n<p>The <strong>Variation Gallery<\/strong> feature depends on the <strong>Shop Kit Product Gallery<\/strong> feature being enabled. Variation Galleries will not work unless the <strong>Product Gallery<\/strong> feature is active. Using <strong>Variation Galleries<\/strong> without enabling the <strong>Product Gallery<\/strong> can result in missing gallery options.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kadence Shop Kit provides powerful tools to help increase your WooCommerce store\u2019s sales. One of its key features is the ability to customize how product variations are displayed. With flexible options such as dropdowns and radio buttons, you can create a more engaging and intuitive experience that helps customers connect more easily with your products&#8230;.<\/p>\n","protected":false},"author":103622,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[391],"doc_tag":[],"knowledge_base":[9],"class_list":["post-695","docs","type-docs","status-publish","hentry","doc_category-shop-kit-getting-started","knowledge_base-kadence-shop-kit"],"year_month":"2026-04","word_count":745,"total_views":"6369","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"display_name":"Kevin","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/kromarek\/"},"doc_category_info":[{"term_name":"Shop Kit Setup","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-shop-kit\/shop-kit-getting-started\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Shop Kit","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-shop-kit\/","term_slug":"kadence-shop-kit"}],"knowledge_base_slug":["kadence-shop-kit"],"taxonomy_info":{"doc_category":[{"value":391,"label":"Shop Kit Setup"}],"knowledge_base":[{"value":9,"label":"Kadence Shop Kit"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/103622"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=695"}],"version-history":[{"count":17,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/695\/revisions"}],"predecessor-version":[{"id":16629,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/695\/revisions\/16629"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=695"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=695"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=695"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}