{"id":6072,"date":"2022-11-01T17:50:42","date_gmt":"2022-11-01T17:50:42","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=6072"},"modified":"2025-06-12T09:08:06","modified_gmt":"2025-06-12T09:08:06","password":"","slug":"woo-template-block-product-add-to-cart","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-shop-kit\/woo-template-block-product-add-to-cart\/","title":{"rendered":"Woo Template Block &#8211; Product: Add to Cart"},"content":{"rendered":"\n<p>Every pre-designed <strong>Woo Template<\/strong> comes with a <strong>Product: Add to Cart<\/strong> block. You can manually add one by adding a new block and searching for the Product: Add to Cart block. When you view all of your blocks the Product: Add to Cart block will be under a block group named Woo Template Blocks. If you need to know how to enable these blocks, refer to <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-shop-kit\/how-to-enable-woo-template-blocks\/\" data-type=\"docs\" data-id=\"6123\">How to Enable Woo Template Blocks<\/a>.<\/p>\n\n\n<style>.kb-row-layout-id6072_fce8c3-de > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id6072_fce8c3-de > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id6072_fce8c3-de > .kt-row-column-wrap{column-gap:var(--global-kb-gap-none, 0rem );row-gap:var(--global-kb-gap-md, 2rem);padding-top:50px;padding-bottom:50px;grid-template-columns:minmax(0, calc(50% - ((var(--global-kb-gap-none, 0rem ) * 1 )\/2)))minmax(0, calc(50% - ((var(--global-kb-gap-none, 0rem ) * 1 )\/2)));}.kb-row-layout-id6072_fce8c3-de > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id6072_fce8c3-de > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id6072_fce8c3-de > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id6072_fce8c3-de 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-top\">\n<style>.kadence-column6072_65f312-fb > .kt-inside-inner-col,.kadence-column6072_65f312-fb > .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-column6072_65f312-fb > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6072_65f312-fb > .kt-inside-inner-col{flex-direction:column;}.kadence-column6072_65f312-fb > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column6072_65f312-fb > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6072_65f312-fb{position:relative;}@media all and (max-width: 1024px){.kadence-column6072_65f312-fb > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column6072_65f312-fb > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6072_65f312-fb inner-column-1\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-image.kb-image6072_d57b03-2d:not(.kb-specificity-added):not(.kb-extra-specificity-added){margin-top:1.5em;}.kb-image6072_d57b03-2d .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6072_d57b03-2d size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"852\" height=\"669\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/new_productcart_block.png\" alt=\"New Product Add To Cart Block\" class=\"kb-img wp-image-6076\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/new_productcart_block.png 852w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/new_productcart_block-300x236.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/new_productcart_block-768x603.png 768w\" sizes=\"auto, (max-width: 852px) 100vw, 852px\" \/><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column6072_f365ac-e6 > .kt-inside-inner-col,.kadence-column6072_f365ac-e6 > .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-column6072_f365ac-e6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6072_f365ac-e6 > .kt-inside-inner-col{flex-direction:column;}.kadence-column6072_f365ac-e6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column6072_f365ac-e6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6072_f365ac-e6{position:relative;}@media all and (max-width: 1024px){.kadence-column6072_f365ac-e6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column6072_f365ac-e6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6072_f365ac-e6 inner-column-2\"><div class=\"kt-inside-inner-col\"><style>.kb-image6072_2ed6cf-8b .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6072_2ed6cf-8b\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"310\" height=\"480\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/all_wootemplate_blocks-e1667311493454.png\" alt=\"Woo Template Blocks\" class=\"kb-img wp-image-6077\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/all_wootemplate_blocks-e1667311493454.png 310w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/all_wootemplate_blocks-e1667311493454-194x300.png 194w\" sizes=\"auto, (max-width: 310px) 100vw, 310px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>In the <strong>Block Settings<\/strong> of a <strong>Product: Add to Cart<\/strong> block, the first setting is labeled <strong>General Settings<\/strong>, where you will see the following;<br><\/p>\n\n\n\n<p><strong>Show Quantity &#8211;<\/strong> This option will show the quantity of the product being purchased. This will enable users to add multiple instances of the same product to their cart at once. You can raise or lower the quantity number by using the up and down arrows in the quantity box. If you enable the <em>Show Quantity<\/em> option, you will see an additional <em>Block Setting<\/em> named <em>Quantity Input<\/em> where you can adjust additional settings for your quantity box. This option will only appear when using the <em>Single Product<\/em><strong> <\/strong>template. It will not be visible on <em>Product Loop Item<\/em> templates or <em>Product Archive<\/em> templates.<\/p>\n\n\n\n<p><strong>Alignment &#8211;<\/strong> The <em>Alignment<\/em> options are available if you are not using the <em>Force Button FullWidth<\/em> option. The <em>Alignment <\/em>options allow you to align your button either on the left, center, or right side of its parent container.<br><\/p>\n\n\n\n<p><strong>Force Button FullWidth<\/strong> <strong>&#8211; <\/strong>This option will allow you to make your add-to-cart button a full-width button. Enabling this option will remove the options to <em>Show Quantity <\/em>and remove the<em> Alignment<\/em> options.<\/p>\n\n\n<style>.wp-block-kadence-image.kb-image6072_f378eb-22:not(.kb-specificity-added):not(.kb-extra-specificity-added){margin-top:2em;}.kb-image6072_f378eb-22:not(.kb-image-is-ratio-size) .kb-img, .kb-image6072_f378eb-22.kb-image-is-ratio-size{padding-top:35px;padding-bottom:35px;}.kb-image6072_f378eb-22 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6072_f378eb-22\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"796\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/addtocart_general_settings.gif\" alt=\"Add To Cart General Settings\" class=\"kb-img wp-image-6078\" \/><\/figure><\/div>\n\n\n\n<p><strong>Button Settings<\/strong><br><br>The <strong>Product: Add to Cart<\/strong> block has the standard Kadence button settings. You can change the button&#8217;s text color, background color, and border color. You can set a regular color and a color for whenever the button is being hovered over. You can also adjust the border&#8217;s width and radius settings.<\/p>\n\n\n\n<p>The <strong>Typography Settings<\/strong> will modify the text on your add-to-cart button. These settings include options to adjust the; font-size, line height, letter spacing, text transformation, font family, and font weight. You can also add additional padding to the text inside of your button.<\/p>\n\n\n<style>.kb-row-layout-id6072_e073d5-b2 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id6072_e073d5-b2 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id6072_e073d5-b2 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:35px;padding-bottom:35px;grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id6072_e073d5-b2 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id6072_e073d5-b2 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id6072_e073d5-b2 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id6072_e073d5-b2 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-top\">\n<style>.kadence-column6072_e78e4e-d8 > .kt-inside-inner-col,.kadence-column6072_e78e4e-d8 > .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-column6072_e78e4e-d8 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6072_e78e4e-d8 > .kt-inside-inner-col{flex-direction:column;}.kadence-column6072_e78e4e-d8 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column6072_e78e4e-d8 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6072_e78e4e-d8{position:relative;}@media all and (max-width: 1024px){.kadence-column6072_e78e4e-d8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column6072_e78e4e-d8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6072_e78e4e-d8 inner-column-1\"><div class=\"kt-inside-inner-col\"><style>.kb-image6072_4fd51d-fb .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6072_4fd51d-fb\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"251\" height=\"469\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/addtocart_buttonsettings.png\" alt=\"Add To Cart Button Settings\" class=\"kb-img wp-image-6079\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/addtocart_buttonsettings.png 251w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/addtocart_buttonsettings-161x300.png 161w\" sizes=\"auto, (max-width: 251px) 100vw, 251px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column6072_e8578d-c4 > .kt-inside-inner-col,.kadence-column6072_e8578d-c4 > .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-column6072_e8578d-c4 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6072_e8578d-c4 > .kt-inside-inner-col{flex-direction:column;}.kadence-column6072_e8578d-c4 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column6072_e8578d-c4 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6072_e8578d-c4{position:relative;}@media all and (max-width: 1024px){.kadence-column6072_e8578d-c4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column6072_e8578d-c4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6072_e8578d-c4 inner-column-2\"><div class=\"kt-inside-inner-col\"><style>.kb-image6072_cd27a7-10 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6072_cd27a7-10 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"250\" height=\"594\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/addtocart_buttonsettings2.jpg\" alt=\"Add To Cart Typography Settings\" class=\"kb-img wp-image-6080\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/addtocart_buttonsettings2.jpg 250w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/addtocart_buttonsettings2-126x300.jpg 126w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p><strong>Quantity Input<\/strong><br><br>If you enable the <strong>Show Quantity<\/strong> option, you will have a <strong>Block Setting<\/strong> named <strong>Quantity Input<\/strong>. The <em>Quantity Input <\/em>settings give you the same options you had for your button, except these settings will be applied to the <strong>Quantity Input Box<\/strong> on the side of your button. You can adjust the <em>color<\/em>, <em>border<\/em>, <em>typography<\/em>, and <em>spacing<\/em> settings for the <em>Quantity Input Box<\/em>.<\/p>\n\n\n<style>.kb-image6072_91e819-61:not(.kb-image-is-ratio-size) .kb-img, .kb-image6072_91e819-61.kb-image-is-ratio-size{padding-top:35px;padding-bottom:35px;}.kb-image6072_91e819-61 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6072_91e819-61\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"854\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/quantity_input_settings.gif\" alt=\"Product Quantity Input Settings\" class=\"kb-img wp-image-6081\" \/><\/figure><\/div>\n\n\n<style>.kb-row-layout-id6072_2b0d91-ce > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id6072_2b0d91-ce > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id6072_2b0d91-ce > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:35px;padding-bottom:35px;grid-template-columns:minmax(0, calc(70% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)))minmax(0, calc(30% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)));}.kb-row-layout-id6072_2b0d91-ce > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id6072_2b0d91-ce > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id6072_2b0d91-ce > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id6072_2b0d91-ce alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column6072_ca0aa5-7d > .kt-inside-inner-col{display:flex;}.kadence-column6072_ca0aa5-7d > .kt-inside-inner-col,.kadence-column6072_ca0aa5-7d > .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-column6072_ca0aa5-7d > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6072_ca0aa5-7d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column6072_ca0aa5-7d > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column6072_ca0aa5-7d{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6072_ca0aa5-7d{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6072_ca0aa5-7d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column6072_ca0aa5-7d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6072_ca0aa5-7d{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column6072_ca0aa5-7d{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6072_ca0aa5-7d{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6072_ca0aa5-7d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column6072_ca0aa5-7d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column6072_ca0aa5-7d{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6072_ca0aa5-7d{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6072_ca0aa5-7d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column6072_ca0aa5-7d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6072_ca0aa5-7d inner-column-1\"><div class=\"kt-inside-inner-col\">\n<p><strong>Spacing Settings<\/strong><\/p>\n\n\n\n<p>You have the ability to adjust the <strong>Spacing Settings<\/strong> for your <strong>Product: Add to Cart <\/strong>block. These settings will allow you to adjust the margin and the padding of your block. You can adjust the padding or margin for <em>desktop<\/em>, <em>tablet<\/em>, and <em>mobile<\/em> devices.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column6072_e1dfae-43 > .kt-inside-inner-col,.kadence-column6072_e1dfae-43 > .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-column6072_e1dfae-43 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6072_e1dfae-43 > .kt-inside-inner-col{flex-direction:column;}.kadence-column6072_e1dfae-43 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column6072_e1dfae-43 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6072_e1dfae-43{position:relative;}@media all and (max-width: 1024px){.kadence-column6072_e1dfae-43 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column6072_e1dfae-43 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6072_e1dfae-43 inner-column-2\"><div class=\"kt-inside-inner-col\"><style>.kb-image6072_5a89ce-28 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6072_5a89ce-28\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"248\" height=\"228\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/spacing_settings.jpg\" alt=\"Spacing Settings\" class=\"kb-img wp-image-6095\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id6072_34203d-09 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id6072_34203d-09 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id6072_34203d-09 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:35px;padding-bottom:35px;grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);}.kb-row-layout-id6072_34203d-09 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id6072_34203d-09 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);}}@media all and (max-width: 767px){.kb-row-layout-id6072_34203d-09 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id6072_34203d-09 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-right-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column6072_eabaf2-af > .kt-inside-inner-col,.kadence-column6072_eabaf2-af > .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-column6072_eabaf2-af > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6072_eabaf2-af > .kt-inside-inner-col{flex-direction:column;}.kadence-column6072_eabaf2-af > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column6072_eabaf2-af > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6072_eabaf2-af{position:relative;}@media all and (max-width: 1024px){.kadence-column6072_eabaf2-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column6072_eabaf2-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6072_eabaf2-af inner-column-1\"><div class=\"kt-inside-inner-col\"><style>.kb-image6072_3c6a2b-01 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6072_3c6a2b-01\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"351\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/advanced_settings.png\" alt=\"Advanced Settings\" class=\"kb-img wp-image-6096\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/advanced_settings.png 297w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/11\/advanced_settings-254x300.png 254w\" sizes=\"auto, (max-width: 297px) 100vw, 297px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column6072_1168e7-96 > .kt-inside-inner-col{display:flex;}.kadence-column6072_1168e7-96 > .kt-inside-inner-col,.kadence-column6072_1168e7-96 > .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-column6072_1168e7-96 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6072_1168e7-96 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}.kadence-column6072_1168e7-96 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column6072_1168e7-96{align-self:flex-start;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6072_1168e7-96{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6072_1168e7-96 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}.kadence-column6072_1168e7-96 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6072_1168e7-96{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column6072_1168e7-96{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-column6072_1168e7-96{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6072_1168e7-96 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}}@media all and (max-width: 1024px){.kadence-column6072_1168e7-96 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column6072_1168e7-96{align-self:flex-start;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6072_1168e7-96{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6072_1168e7-96 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}.kadence-column6072_1168e7-96 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6072_1168e7-96 inner-column-2\"><div class=\"kt-inside-inner-col\">\n<p><br><strong>Advanced<\/strong><br><br>The final setting is the <strong>Advanced<\/strong> setting. You can create <strong>HTML Anchors<\/strong> or add <strong>Custom CSS<\/strong> classes to your block. An <strong>HTML Anchor<\/strong> allows you to create a unique web address that links to the block&#8217;s position on the page. <strong>Additional CSS Class(es)<\/strong> enables you to add one or multiple CSS classes that will be applied to this block. <\/p>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Every pre-designed Woo Template comes with a Product: Add to Cart block. You can manually add one by adding a new block and searching for the Product: Add to Cart block. When you view all of your blocks the Product: Add to Cart block will be under a block group named Woo Template Blocks. If&#8230;<\/p>\n","protected":false},"author":148263,"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":[428],"doc_tag":[],"knowledge_base":[9],"class_list":["post-6072","docs","type-docs","status-publish","hentry","doc_category-woo-template-blocks","knowledge_base-kadence-shop-kit"],"year_month":"2026-04","word_count":532,"total_views":"4477","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"display_name":"victormonk","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/victormonk\/"},"doc_category_info":[{"term_name":"Woo Template Blocks","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-shop-kit\/woo-template-blocks\/"}],"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":428,"label":"Woo Template Blocks"}],"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\/6072","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\/148263"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=6072"}],"version-history":[{"count":42,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6072\/revisions"}],"predecessor-version":[{"id":13268,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6072\/revisions\/13268"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=6072"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=6072"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=6072"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=6072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}