{"id":1053,"date":"2020-11-13T17:04:38","date_gmt":"2020-11-13T17:04:38","guid":{"rendered":"https:\/\/kadence-theme.com\/?post_type=knowledgebase&#038;p=1053"},"modified":"2026-04-22T15:59:56","modified_gmt":"2026-04-22T15:59:56","password":"","slug":"open-side-cart-when-product-is-added-to-cart","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/open-side-cart-when-product-is-added-to-cart\/","title":{"rendered":"How to open the side cart when a product is added to cart"},"content":{"rendered":"<style>.wp-block-kadence-advancedheading.kt-adv-heading1053_ffbffa-b1, .wp-block-kadence-advancedheading.kt-adv-heading1053_ffbffa-b1[data-kb-block=\"kb-adv-heading1053_ffbffa-b1\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading1053_ffbffa-b1 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1053_ffbffa-b1[data-kb-block=\"kb-adv-heading1053_ffbffa-b1\"] 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-heading1053_ffbffa-b1 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading1053_ffbffa-b1[data-kb-block=\"kb-adv-heading1053_ffbffa-b1\"] img.kb-inline-image{width:150px;vertical-align:baseline;}.wp-block-kadence-advancedheading.kt-adv-heading1053_ffbffa-b1[data-kb-block=\"kb-adv-heading1053_ffbffa-b1\"] a, .kt-adv-heading-link1053_ffbffa-b1, .kt-adv-heading-link1053_ffbffa-b1 .kt-adv-heading1053_ffbffa-b1[data-kb-block=\"kb-adv-heading1053_ffbffa-b1\"]{color:var(--global-palette9, #ffffff);}.wp-block-kadence-advancedheading.kt-adv-heading1053_ffbffa-b1[data-kb-block=\"kb-adv-heading1053_ffbffa-b1\"] a:hover, .kt-adv-heading-link1053_ffbffa-b1:hover, .kt-adv-heading-link1053_ffbffa-b1:hover .kt-adv-heading1053_ffbffa-b1[data-kb-block=\"kb-adv-heading1053_ffbffa-b1\"]{color:var(--global-palette6, #718096);}<\/style>\n<p class=\"kt-adv-heading1053_ffbffa-b1 wp-block-kadence-advancedheading has-theme-palette-9-color has-text-color has-theme-palette-2-background-color has-background\" data-kb-block=\"kb-adv-heading1053_ffbffa-b1\">Important! You must first make sure you have added the mini cart to your header and it&#8217;s set to show the popout cart for this option to work. <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-add-a-mini-cart-to-the-header\/\">See here.<\/a><\/p>\n\n\n\n<p>One of the options added by <a aria-label=\" (opens in a new tab)\" class=\"rank-math-link\" href=\"https:\/\/kadence-theme.com\/premium\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kadence Theme Kit Pro<\/a>&#8216;s WooCommerce Addons is to slide open an off canvas panel showing the cart items as soon as a product has been added to the cart.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/kadence-woocommerce-cart-popout-add-to-cart-1024x576.png\" alt=\"Add to cart behaviour - Show the cart popout on add to cart\" class=\"wp-image-653\" \/><\/figure><\/div>\n\n\n<p>To enable this feature, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Enable <strong>WooCommerce Addons<\/strong> at Appearance &gt; Kadence.<\/li>\n\n\n\n<li>Click on <strong>Customize<\/strong> link under WooCommerce Addons or go to Appearance &gt; Customize.<\/li>\n\n\n\n<li>Go to <strong>WooCommerce<\/strong> section and click on Add to <strong>Cart Behavior<\/strong>.<\/li>\n\n\n\n<li>Enable <strong>Show the cart popout on add to cart?<\/strong> and click <strong>Publish<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/customizer-option-add-to-cart.png\" alt=\"\" class=\"wp-image-654\" style=\"width:293px;height:230px\" \/><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>Important! You must first make sure you have added the mini cart to your header and it&#8217;s set to show the popout cart for this option to work. See here. One of the options added by Kadence Theme Kit Pro&#8216;s WooCommerce Addons is to slide open an off canvas panel showing the cart items as&#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":[408],"doc_tag":[],"knowledge_base":[6],"class_list":["post-1053","docs","type-docs","status-publish","hentry","doc_category-theme-pro","knowledge_base-kadence-theme"],"year_month":"2026-05","word_count":115,"total_views":"6009","reactions":{"happy":"0","normal":"0","sad":"1"},"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/britner\/"},"doc_category_info":[{"term_name":"Theme Kit Pro","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/theme-pro\/"}],"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":408,"label":"Theme Kit Pro"}],"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\/1053","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=1053"}],"version-history":[{"count":5,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/1053\/revisions"}],"predecessor-version":[{"id":10861,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/1053\/revisions\/10861"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=1053"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=1053"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=1053"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=1053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}