[{"data":1,"prerenderedAt":305},["ShallowReactive",2],{"navigation_docs":3,"-header-footer-promotion-bar":126,"-header-footer-promotion-bar-surround":300},[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":106,"body":128,"description":293,"extension":294,"links":295,"meta":296,"navigation":297,"path":107,"seo":298,"stem":108,"__hash__":299},"docs/5.header-footer/5.promotion-bar.md",{"type":129,"value":130,"toc":286},"minimark",[131,140,145,213,220,224,230,265,268,272],[132,133,134,135,139],"p",{},"The ",[136,137,138],"strong",{},"promotion bar"," is a banner displayed in the header area, designed to highlight a key promotion, sale, or store-wide offer. It supports a heading, descriptive text, an optional icon, and an optional discount code that customers can copy with a single click.",[141,142,144],"h2",{"id":143},"setting-up-the-promotion","Setting up the promotion",[146,147,149,154,175,179],"steps",{"level":148},"4",[150,151,153],"h4",{"id":152},"add-the-promotion-bar-section","Add the Promotion bar section",[155,156,157,169],"ol",{},[158,159,160,161,164,165,168],"li",{},"Open the ",[136,162,163],{},"Theme Editor"," and click ",[136,166,167],{},"Add section"," in the header group.",[158,170,171,172,174],{},"Select ",[136,173,106],{},".",[150,176,178],{"id":177},"configure-the-message","Configure the message",[155,180,181,188,195,202],{},[158,182,183,184,187],{},"Enter a ",[136,185,186],{},"Heading"," for the promotion (e.g., \"Summer Sale\").",[158,189,190,191,194],{},"Enter the ",[136,192,193],{},"Text"," with additional details (e.g., \"Get 20% off all items\").",[158,196,197,198,201],{},"Optionally add a ",[136,199,200],{},"Link"," to make the entire bar clickable, directing customers to a relevant page.",[158,203,204,205,208,209,212],{},"Enable ",[136,206,207],{},"Show icon"," to display an icon next to the heading, then choose an ",[136,210,211],{},"Icon"," from the built-in icon library.",[132,214,215,216,219],{},"If the promotion text is too long for mobile screens, enable ",[136,217,218],{},"Hide text on mobile"," to show only the heading on smaller devices.",[141,221,223],{"id":222},"discount-code-button","Discount code button",[132,225,226,227,229],{},"You can add a ",[136,228,223],{}," block to the promotion bar, giving customers an easy way to copy a discount code directly from the banner.",[146,231,232,236,253,257],{"level":148},[150,233,235],{"id":234},"add-a-discount-code-button-block","Add a Discount code button block",[155,237,238,244],{},[158,239,240,241,243],{},"In the Theme Editor, locate the ",[136,242,106],{}," section.",[158,245,246,247,250,251,174],{},"Click ",[136,248,249],{},"Add block"," and select ",[136,252,223],{},[150,254,256],{"id":255},"configure-the-discount-code","Configure the discount code",[155,258,259],{},[158,260,190,261,264],{},[136,262,263],{},"Discount code"," that customers will copy (e.g., \"SAVE20\").",[132,266,267],{},"When a customer clicks the button, the code is copied to their clipboard and a confirmation message is displayed.",[141,269,271],{"id":270},"colors","Colors",[273,274,275,281],"ul",{},[158,276,277,280],{},[136,278,279],{},"Background"," — the background color of the promotion bar.",[158,282,283,285],{},[136,284,193],{}," — the text and icon color.",{"title":287,"searchDepth":288,"depth":288,"links":289},"",2,[290,291,292],{"id":143,"depth":288,"text":144},{"id":222,"depth":288,"text":223},{"id":270,"depth":288,"text":271},"Highlight promotions, sales, and discount codes with a banner in the header.","md",null,{},true,{"title":106,"description":293},"MNSgOzFcJdvcGx-xmF-mCuhfD16Zr77Yaxg42BsbaYk",[301,303],{"title":102,"path":103,"stem":104,"description":302,"children":-1},"Learn how to configure the announcement bar",{"title":110,"path":111,"stem":112,"description":304,"children":-1},"Learn how to configure and customize the footer",1771425626744]