{"id":1072,"date":"2020-11-16T10:06:10","date_gmt":"2020-11-16T10:06:10","guid":{"rendered":"https:\/\/kadence-theme.com\/?post_type=knowledgebase&#038;p=1072"},"modified":"2025-06-04T18:27:46","modified_gmt":"2025-06-04T18:27:46","password":"","slug":"how-to-add-a-mini-cart-to-the-header","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-add-a-mini-cart-to-the-header\/","title":{"rendered":"How to Add a Mini Cart to the Site Header"},"content":{"rendered":"\n<p>When WooCommerce is installed and active in your Kadence-powered WordPress site, you can easily add a functional mini cart in your site&#8217;s header.<\/p>\n\n\n\n<p>This feature is available in the free Kadence theme and does not require Kadence Theme Kit Pro.  However, with <a href=\"https:\/\/www.kadencewp.com\/pricing\/\">Kadence Theme Kit Pro<\/a>, you can also add a <a href=\"#free-shipping-cart-notice\">free shipping notice<\/a> to your mini cart.<\/p>\n\n\n\n<p>By default, the cart icon will link to your WooCommerce cart page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/header-cart-icon-1024x147.png\" alt=\"\" class=\"wp-image-637\" \/><\/figure>\n\n\n\n<p>With Cart Click Action set to POPOUT CART, clicking the cart icon will slide open the mini cart from the side of the screen.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/kadence-slide-out-cart.mp4\"><\/video><\/figure>\n\n\n\n<p>To add a mini cart to your header go to <strong>Customizer &gt; Header<\/strong> and drag <strong>Cart<\/strong> item to your desired position in the header builder.<\/p>\n\n\n<style>.kb-image1072_d4fed0-78 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image1072_d4fed0-78\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/header-mini-cart-kadence-1024x576.jpg\" alt=\"Adding Header Cart to Header Builder\" class=\"kb-img wp-image-633\" \/><\/figure><\/div>\n\n\n\n<p>To get to the settings of Cart item, click on the pencil icon for the cart item in the header or the gear icon in the header builder.<\/p>\n\n\n<style>.kb-image1072_086f54-ab .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image1072_086f54-ab\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/editing-cart-item-settings-1024x576.jpg\" alt=\"Editing Cart item settings\" class=\"kb-img wp-image-634\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><style>.kb-image1072_0bb241-f6.kb-image-is-ratio-size, .kb-image1072_0bb241-f6 .kb-image-is-ratio-size{max-width:300px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image1072_0bb241-f6.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image1072_0bb241-f6 .kb-image-is-ratio-size{align-self:unset;}.kb-image1072_0bb241-f6 figure{max-width:300px;}.kb-image1072_0bb241-f6 .image-is-svg, .kb-image1072_0bb241-f6 .image-is-svg img{width:100%;}.kb-image1072_0bb241-f6 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image1072_0bb241-f6\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/header-cart-settings-kadence.png\" alt=\"Header Cart General Settings\" class=\"kb-img wp-image-635\" width=\"300\" height=\"768\" \/><figcaption>Header Cart General Settings<\/figcaption><\/figure><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><style>.kb-image1072_b2bc25-90.kb-image-is-ratio-size, .kb-image1072_b2bc25-90 .kb-image-is-ratio-size{max-width:300px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image1072_b2bc25-90.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image1072_b2bc25-90 .kb-image-is-ratio-size{align-self:unset;}.kb-image1072_b2bc25-90 figure{max-width:300px;}.kb-image1072_b2bc25-90 .image-is-svg, .kb-image1072_b2bc25-90 .image-is-svg img{width:100%;}.kb-image1072_b2bc25-90 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image1072_b2bc25-90\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/header-cart-design-settings-kadence.png\" alt=\"Header Cart Design Settings\" class=\"kb-img wp-image-636\" \/><figcaption>Header Cart Design Settings<\/figcaption><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading1072_804dcd-2c, .wp-block-kadence-advancedheading.kt-adv-heading1072_804dcd-2c[data-kb-block=\"kb-adv-heading1072_804dcd-2c\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading1072_804dcd-2c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1072_804dcd-2c[data-kb-block=\"kb-adv-heading1072_804dcd-2c\"] 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-heading1072_804dcd-2c img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading1072_804dcd-2c[data-kb-block=\"kb-adv-heading1072_804dcd-2c\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"free-shipping-cart-notice\" class=\"kt-adv-heading1072_804dcd-2c wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading1072_804dcd-2c\">Free Shipping Cart Notice (Pro Feature)<\/h2>\n\n\n<style>.kb-row-layout-id1072_2d38a5-6d > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1072_2d38a5-6d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1072_2d38a5-6d > .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-lg, 3rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id1072_2d38a5-6d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1072_2d38a5-6d > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id1072_2d38a5-6d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1072_2d38a5-6d 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-column1072_03a479-4c > .kt-inside-inner-col,.kadence-column1072_03a479-4c > .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-column1072_03a479-4c > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1072_03a479-4c > .kt-inside-inner-col{flex-direction:column;}.kadence-column1072_03a479-4c > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1072_03a479-4c > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1072_03a479-4c{position:relative;}@media all and (max-width: 1024px){.kadence-column1072_03a479-4c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1072_03a479-4c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1072_03a479-4c\"><div class=\"kt-inside-inner-col\">\n<p>When the <strong>Cart Click Action<\/strong> is set to <strong>Popout Cart<\/strong> or <strong>Dropdown Cart<\/strong>, you can also enable the free shipping cart notice.  This feature is only available with Kadence Theme Kit Pro.<\/p>\n\n\n\n<p><strong>Amount needed for Free Shipping:<\/strong>  Set the minimum cart value needed for free shipping.  Note this does not enable free shipping but simply displays the notice when the cart total is less than this value.<\/p>\n\n\n\n<p><strong>Cart Notice Message:<\/strong>  Set the message to display when the user has not met the free shipping threshold.  Use <code>{cart_difference}<\/code> to display the amount needed to qualify.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column1072_8f7b12-fd > .kt-inside-inner-col,.kadence-column1072_8f7b12-fd > .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-column1072_8f7b12-fd > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1072_8f7b12-fd > .kt-inside-inner-col{flex-direction:column;}.kadence-column1072_8f7b12-fd > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1072_8f7b12-fd > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1072_8f7b12-fd{position:relative;}@media all and (max-width: 1024px){.kadence-column1072_8f7b12-fd > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1072_8f7b12-fd > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1072_8f7b12-fd\"><div class=\"kt-inside-inner-col\"><style>.kb-image1072_de7de2-ba.kb-image-is-ratio-size, .kb-image1072_de7de2-ba .kb-image-is-ratio-size{max-width:300px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image1072_de7de2-ba.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image1072_de7de2-ba .kb-image-is-ratio-size{align-self:unset;}.kb-image1072_de7de2-ba figure{max-width:300px;}.kb-image1072_de7de2-ba .image-is-svg, .kb-image1072_de7de2-ba .image-is-svg img{width:100%;}.kb-image1072_de7de2-ba .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image1072_de7de2-ba\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"596\" height=\"944\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/04\/Screenshot-2025-06-03-at-3.38.07\u202fPM.png\" alt=\"WooCommerce sidebar-cart free shipping notice\" class=\"kb-img wp-image-12894\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/04\/Screenshot-2025-06-03-at-3.38.07\u202fPM.png 596w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/04\/Screenshot-2025-06-03-at-3.38.07\u202fPM-189x300.png 189w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/04\/Screenshot-2025-06-03-at-3.38.07\u202fPM-323x512.png 323w\" sizes=\"auto, (max-width: 596px) 100vw, 596px\" \/><figcaption>Header Cart General Settings (Pro)<\/figcaption><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>When WooCommerce is installed and active in your Kadence-powered WordPress site, you can easily add a functional mini cart in your site&#8217;s header. This feature is available in the free Kadence theme and does not require Kadence Theme Kit Pro. However, with Kadence Theme Kit Pro, you can also add a free shipping notice to&#8230;<\/p>\n","protected":false},"author":1265,"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":[409],"doc_tag":[],"knowledge_base":[6],"class_list":["post-1072","docs","type-docs","status-publish","hentry","doc_category-theme-woocommerce","knowledge_base-kadence-theme"],"year_month":"2026-04","word_count":261,"total_views":"5909","reactions":{"happy":"1","normal":"1","sad":"0"},"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/britner\/"},"doc_category_info":[{"term_name":"Woocommerce","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/theme-woocommerce\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Theme","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/","term_slug":"kadence-theme"}],"knowledge_base_slug":["kadence-theme"],"taxonomy_info":{"doc_category":[{"value":409,"label":"Woocommerce"}],"knowledge_base":[{"value":6,"label":"Kadence Theme"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/1072","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\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=1072"}],"version-history":[{"count":2,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/1072\/revisions"}],"predecessor-version":[{"id":12920,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/1072\/revisions\/12920"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=1072"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=1072"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=1072"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=1072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}