[{"data":1,"prerenderedAt":400},["ShallowReactive",2],{"navigation_docs":3,"-cart-cart-drawer":126,"-cart-cart-drawer-surround":395},[4,17,54,71,84,113],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Introduction",false,"/introduction","1.introduction",[10,13],{"title":5,"path":11,"stem":12},"/introduction/introduction","1.introduction/1.introduction",{"title":14,"path":15,"stem":16},"Section structure","/introduction/section-structure","1.introduction/2.section-structure",{"title":18,"icon":6,"path":19,"stem":20,"children":21,"page":6},"Products","/products","2.products",[22,26,30,34,38,42,46,50],{"title":23,"path":24,"stem":25},"Product page","/products/product-page","2.products/1.product-page",{"title":27,"path":28,"stem":29},"Key features","/products/key-features","2.products/2.key-features",{"title":31,"path":32,"stem":33},"Complementary products","/products/complementary-products","2.products/3.complementary-products",{"title":35,"path":36,"stem":37},"Specifications","/products/specifications","2.products/4.specifications",{"title":39,"path":40,"stem":41},"Product badges","/products/product-badges","2.products/5.product-badges",{"title":43,"path":44,"stem":45},"Size chart","/products/size-chart","2.products/6.size-chart",{"title":47,"path":48,"stem":49},"Color swatches","/products/color-swatches","2.products/7.color-swatches",{"title":51,"path":52,"stem":53},"Quick view modal","/products/quick-view-modal","2.products/8.quick-view-modal",{"title":55,"icon":6,"path":56,"stem":57,"children":58,"page":6},"Collections","/collections","3.collections",[59,63,67],{"title":60,"path":61,"stem":62},"Collection page","/collections/collection-page","3.collections/1.collection-page",{"title":64,"path":65,"stem":66},"Subcollections","/collections/subcollections","3.collections/2.subcollections",{"title":68,"path":69,"stem":70},"Promotion cards","/collections/promotion-cards","3.collections/3.promotion-cards",{"title":72,"icon":6,"path":73,"stem":74,"children":75,"page":6},"Cart","/cart","4.cart",[76,80],{"title":77,"path":78,"stem":79},"Cart drawer","/cart/cart-drawer","4.cart/1.cart-drawer",{"title":81,"path":82,"stem":83},"Free shipping bar","/cart/free-shipping-bar","4.cart/2.free-shipping-bar",{"title":85,"icon":6,"path":86,"stem":87,"children":88,"page":6},"Header & Footer","/header-footer","5.header-footer",[89,93,97,101,105,109],{"title":90,"path":91,"stem":92},"Header","/header-footer/header","5.header-footer/1.header",{"title":94,"path":95,"stem":96},"Navigation","/header-footer/navigation","5.header-footer/2.navigation",{"title":98,"path":99,"stem":100},"Mega menus","/header-footer/mega-menus","5.header-footer/3.mega-menus",{"title":102,"path":103,"stem":104},"Announcement bar","/header-footer/announcement-bar","5.header-footer/4.announcement-bar",{"title":106,"path":107,"stem":108},"Promotion bar","/header-footer/promotion-bar","5.header-footer/5.promotion-bar",{"title":110,"path":111,"stem":112},"Footer","/header-footer/footer","5.header-footer/6.footer",{"title":114,"icon":6,"path":115,"stem":116,"children":117,"page":6},"Theme features","/theme-features","6.theme-features",[118,122],{"title":119,"path":120,"stem":121},"Newsletter popup","/theme-features/newsletter-popup","6.theme-features/1.newsletter-popup",{"title":123,"path":124,"stem":125},"Headings","/theme-features/headings","6.theme-features/2.headings",{"id":127,"title":77,"body":128,"description":388,"extension":389,"links":390,"meta":391,"navigation":392,"path":78,"seo":393,"stem":79,"__hash__":394},"docs/4.cart/1.cart-drawer.md",{"type":129,"value":130,"toc":371},"minimark",[131,140,146,151,154,186,194,197,204,208,211,231,235,238,243,250,254,260,264,270,274,277,295,299,302,316,320,323,343,347,350],[132,133,134,135,139],"p",{},"The ",[136,137,138],"strong",{},"cart drawer"," is a slide-out panel that appears from the right side of the screen when a customer adds a product to their cart or clicks the cart icon. It gives customers a quick overview of their cart without leaving the current page.",[132,141,142],{},[143,144],"img",{"alt":77,"src":145},"/cart-drawer.png",[147,148,150],"h2",{"id":149},"enabling-or-disabling-the-cart-drawer","Enabling or disabling the cart drawer",[132,152,153],{},"The cart drawer is enabled by default. To disable it:",[155,156,157,165,172],"ol",{},[158,159,160,161,164],"li",{},"Open the ",[136,162,163],{},"Theme Editor",".",[158,166,167,168,171],{},"In the section list, find the ",[136,169,170],{},"Overlay"," group.",[158,173,174,175,178,179,182,183,185],{},"Click the ",[176,177],"icon-visibility-toggle",{}," ",[136,180,181],{},"Visibility toggle"," next to the ",[136,184,77],{}," section to hide it.",[187,188,189,190,193],"note",{},"When the cart drawer section is hidden, the cart icon in the header will link directly to the ",[191,192,73],"code",{}," page instead of opening the drawer.",[147,195,81],{"id":196},"free-shipping-bar",[132,198,199,200,203],{},"The cart drawer can display a free shipping progress bar at the top, showing customers how close they are to qualifying for free shipping. See ",[201,202,81],"a",{"href":82}," for setup instructions.",[147,205,207],{"id":206},"product-recommendations","Product recommendations",[132,209,210],{},"You can display product recommendations inside the cart drawer to encourage customers to add more items.",[155,212,213,218,224],{},[158,214,160,215,217],{},[136,216,77],{}," section in the Theme Editor.",[158,219,220,221,223],{},"In the ",[136,222,207],{}," field, select the products you want to recommend.",[158,225,226,227,230],{},"Optionally, change the ",[136,228,229],{},"Heading"," (defaults to \"Combine it with\").",[147,232,234],{"id":233},"cart-actions","Cart actions",[132,236,237],{},"The cart drawer supports three optional actions that appear above the order total. Each one opens a nested panel when clicked.",[239,240,242],"h3",{"id":241},"discount-code","Discount code",[132,244,245,246,249],{},"When ",[136,247,248],{},"Show discount code button"," is enabled, customers can apply a discount code directly in the cart drawer.",[239,251,253],{"id":252},"order-note","Order note",[132,255,245,256,259],{},[136,257,258],{},"Show order note"," is enabled, customers can attach a note to their order.",[239,261,263],{"id":262},"shipping-estimator","Shipping estimator",[132,265,245,266,269],{},[136,267,268],{},"Show shipping estimator"," is enabled, customers can estimate shipping costs before proceeding to checkout.",[147,271,273],{"id":272},"checkout-and-view-cart-buttons","Checkout and view cart buttons",[132,275,276],{},"The bottom of the cart drawer can display two buttons:",[278,279,280,289],"ul",{},[158,281,282,285,286,288],{},[136,283,284],{},"Show view cart button"," — adds a button that links to the full cart page (",[191,287,73],{},").",[158,290,291,294],{},[136,292,293],{},"Show check out button"," — adds a button that takes the customer directly to checkout.",[147,296,298],{"id":297},"order-total","Order total",[132,300,301],{},"Two additional settings control what's shown in the order total area:",[278,303,304,310],{},[158,305,306,309],{},[136,307,308],{},"Show total discount"," — displays the total discount amount applied to the cart.",[158,311,312,315],{},[136,313,314],{},"Show tax and shipping message"," — displays a message about taxes and shipping below the total.",[147,317,319],{"id":318},"empty-cart","Empty cart",[132,321,322],{},"When a customer opens the cart drawer with an empty cart, a message is displayed instead of the item list. You can customize this state:",[278,324,325,331,337],{},[158,326,327,330],{},[136,328,329],{},"Empty cart heading"," — the main heading (defaults to \"Your cart is empty\").",[158,332,333,336],{},[136,334,335],{},"Empty cart message"," — an optional rich text message below the heading.",[158,338,339,342],{},[136,340,341],{},"Collections to recommend"," — select collections to suggest to customers so they can continue browsing.",[147,344,346],{"id":345},"colors","Colors",[132,348,349],{},"You can customize the colors of the cart drawer buttons:",[278,351,352,362],{},[158,353,354,357,358,361],{},[136,355,356],{},"View cart button"," / ",[136,359,360],{},"View cart button text"," — the background and text color of the view cart button. Only visible when the view cart button is enabled.",[158,363,364,357,367,370],{},[136,365,366],{},"Checkout button",[136,368,369],{},"Checkout button text"," — the background and text color of the checkout button. Only visible when the checkout button is enabled.",{"title":372,"searchDepth":373,"depth":373,"links":374},"",2,[375,376,377,378,384,385,386,387],{"id":149,"depth":373,"text":150},{"id":196,"depth":373,"text":81},{"id":206,"depth":373,"text":207},{"id":233,"depth":373,"text":234,"children":379},[380,382,383],{"id":241,"depth":381,"text":242},3,{"id":252,"depth":381,"text":253},{"id":262,"depth":381,"text":263},{"id":272,"depth":373,"text":273},{"id":297,"depth":373,"text":298},{"id":318,"depth":373,"text":319},{"id":345,"depth":373,"text":346},"Learn how to enable, configure, and customize the cart drawer","md",null,{},true,{"title":77,"description":388},"5XusTraFBMIo5KLuiPE_kgIQNUx4YPNgXnUV7UWtwOg",[396,398],{"title":68,"path":69,"stem":70,"description":397,"children":-1},"Learn how to add promotional cards to the collection product grid",{"title":81,"path":82,"stem":83,"description":399,"children":-1},"Learn how to enable and configure the free shipping progress bar in the cart",1771425625268]