[{"data":1,"prerenderedAt":324},["ShallowReactive",2],{"navigation_docs":3,"-header-footer-announcement-bar":126,"-header-footer-announcement-bar-surround":319},[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":102,"body":128,"description":312,"extension":313,"links":314,"meta":315,"navigation":316,"path":103,"seo":317,"stem":104,"__hash__":318},"docs/5.header-footer/4.announcement-bar.md",{"type":129,"value":130,"toc":303},"minimark",[131,140,145,152,223,227,234,238,241,256,266,270,286,290],[132,133,134,135,139],"p",{},"The ",[136,137,138],"strong",{},"announcement bar"," is a thin bar displayed above the header. It is used to show rotating announcements such as promotions, free shipping thresholds, or store news, along with optional localization selectors and social media links.",[141,142,144],"h2",{"id":143},"announcements","Announcements",[132,146,147,148,151],{},"Each announcement is added as an ",[136,149,150],{},"Announcement"," block inside the announcement bar section. You can add multiple blocks, and they will rotate automatically.",[153,154,156,161,185,189],"steps",{"level":155},"4",[157,158,160],"h4",{"id":159},"add-an-announcement-block","Add an Announcement block",[162,163,164,175],"ol",{},[165,166,167,168,171,172,174],"li",{},"Open the ",[136,169,170],{},"Theme Editor"," and find the ",[136,173,102],{}," in the section list.",[165,176,177,178,181,182,184],{},"Click ",[136,179,180],{},"Add block"," and select ",[136,183,150],{},".",[157,186,188],{"id":187},"configure-the-announcement","Configure the announcement",[162,190,191,198,205,212],{},[165,192,193,194,197],{},"Enter the ",[136,195,196],{},"Text"," for the announcement.",[165,199,200,201,204],{},"Optionally add a ",[136,202,203],{},"Link"," to make the announcement clickable.",[165,206,207,208,211],{},"If a link is set, you can enter ",[136,209,210],{},"Link text"," to display a separate clickable label. If left empty, the entire announcement becomes clickable.",[165,213,214,215,218,219,222],{},"Enable ",[136,216,217],{},"Show icon"," to display an icon next to the text, then choose an ",[136,220,221],{},"Icon"," from the built-in icon library.",[141,224,226],{"id":225},"autoplay","Autoplay",[132,228,229,230,233],{},"When multiple announcement blocks are present, they rotate automatically. The ",[136,231,232],{},"Duration"," setting controls how long each announcement is displayed before transitioning to the next one. The interval can be set between 3 and 15 seconds.",[141,235,237],{"id":236},"localization-selectors","Localization selectors",[132,239,240],{},"The announcement bar can display country and language selectors, letting customers switch their region or language without leaving the page.",[242,243,244,250],"ul",{},[165,245,246,249],{},[136,247,248],{},"Show country selector"," — displays a country selector when multiple countries are available.",[165,251,252,255],{},[136,253,254],{},"Show language selector"," — displays a language selector when multiple languages are available.",[132,257,258,259,262,263,184],{},"These selectors only appear if your store has more than one country or language configured in ",[136,260,261],{},"Settings"," > ",[136,264,265],{},"Markets",[141,267,269],{"id":268},"social-icons","Social icons",[132,271,214,272,275,276,279,280,262,283,184],{},[136,273,274],{},"Show social icons"," to display your store's social media links in the announcement bar. Social media links are managed in ",[277,278],"icon-gear",{}," ",[136,281,282],{},"Theme settings",[136,284,285],{},"Social media",[141,287,289],{"id":288},"colors","Colors",[242,291,292,298],{},[165,293,294,297],{},[136,295,296],{},"Background"," — the background color of the announcement bar.",[165,299,300,302],{},[136,301,196],{}," — the text and icon color.",{"title":304,"searchDepth":305,"depth":305,"links":306},"",2,[307,308,309,310,311],{"id":143,"depth":305,"text":144},{"id":225,"depth":305,"text":226},{"id":236,"depth":305,"text":237},{"id":268,"depth":305,"text":269},{"id":288,"depth":305,"text":289},"Learn how to configure the announcement bar","md",null,{},true,{"title":102,"description":312},"uBOGJD2EfPsJP5jJORIH7_WkPkCfCQfpOHi2-tL3WKk",[320,322],{"title":98,"path":99,"stem":100,"description":321,"children":-1},"Learn how to create and configure mega menus",{"title":106,"path":107,"stem":108,"description":323,"children":-1},"Highlight promotions, sales, and discount codes with a banner in the header.",1771425626735]