[{"data":1,"prerenderedAt":371},["ShallowReactive",2],{"navigation_docs":3,"-header-footer-navigation":126,"-header-footer-navigation-surround":366},[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":94,"body":128,"description":359,"extension":360,"links":361,"meta":362,"navigation":363,"path":95,"seo":364,"stem":96,"__hash__":365},"docs/5.header-footer/2.navigation.md",{"type":129,"value":130,"toc":345},"minimark",[131,145,148,153,159,192,196,199,220,224,227,261,265,268,312,315,321,325,328,338],[132,133,134,135,139,140,144],"p",{},"The ",[136,137,138],"strong",{},"navigation bar"," is displayed directly below the main header bar on desktop. It shows the items from your primary and secondary menus, and supports dropdown menus and ",[141,142,143],"a",{"href":99},"mega menus"," for top-level items.",[132,146,147],{},"On mobile, the navigation bar is replaced by a hamburger menu that opens a full-screen menu drawer.",[149,150,152],"h2",{"id":151},"customizing-the-navigation","Customizing the navigation",[132,154,155,156,158],{},"All navigation settings are part of the ",[136,157,90],{}," section. To access them:",[160,161,163,168,185,189],"steps",{"level":162},"3",[164,165,167],"h3",{"id":166},"select-the-header-section","Select the Header section",[169,170,171,179],"ol",{},[172,173,174,175,178],"li",{},"Open the ",[136,176,177],{},"Theme Editor",".",[172,180,181,182,184],{},"In the section list, click the ",[136,183,90],{}," section.",[164,186,188],{"id":187},"edit-the-navigation-settings","Edit the navigation settings",[132,190,191],{},"From here you can assign menus, configure the action button, and adjust the navigation bar colors. The settings are grouped by feature — see the sections below for details on each one.",[149,193,195],{"id":194},"menus","Menus",[132,197,198],{},"The header section has three menu settings:",[200,201,202,208,214],"ul",{},[172,203,204,207],{},[136,205,206],{},"Menu"," — the primary navigation menu, displayed in the navigation bar on desktop.",[172,209,210,213],{},[136,211,212],{},"Secondary menu"," — an additional menu displayed alongside the primary menu in the navigation bar. Useful for separating utility links (like \"Contact\" or \"Store locator\") from your main product categories.",[172,215,216,219],{},[136,217,218],{},"Mobile menu"," — an optional separate menu for mobile devices. When not set, the primary menu is used instead.",[149,221,223],{"id":222},"action-button","Action button",[132,225,226],{},"You can add an optional call-to-action button at the end of the navigation bar. This is useful for highlighting a link to a contact page, help center, or promotion.",[169,228,229,235,244,251],{},[172,230,231,232,234],{},"Select the ",[136,233,90],{}," section in the Theme Editor.",[172,236,237,238,240,241,178],{},"In the ",[136,239,223],{}," group, enable ",[136,242,243],{},"Show action button",[172,245,246,247,250],{},"Choose an ",[136,248,249],{},"Icon"," from the built-in icon library (optional).",[172,252,253,254,257,258,178],{},"Set the ",[136,255,256],{},"Button link"," and ",[136,259,260],{},"Button text",[149,262,264],{"id":263},"highlighting-a-menu-item","Highlighting a menu item",[132,266,267],{},"You can highlight individual menu items with a custom color. This is most commonly used to make a \"Sale\" link stand out in red. You can add multiple blocks to highlight different menu items.",[160,269,271,276,293,297],{"level":270},"4",[272,273,275],"h4",{"id":274},"add-a-menu-item-highlight-block","Add a Menu item highlight block",[169,277,278,283],{},[172,279,280,281,234],{},"Find the ",[136,282,90],{},[172,284,285,286,289,290,178],{},"Click ",[136,287,288],{},"Add block"," and select ",[136,291,292],{},"Menu item highlight",[272,294,296],{"id":295},"configure-the-highlight","Configure the highlight",[169,298,299,305],{},[172,300,237,301,304],{},[136,302,303],{},"Menu item"," setting, enter the exact name of the menu item you want to highlight.",[172,306,307,308,311],{},"Choose a ",[136,309,310],{},"Color"," for the highlight.",[149,313,98],{"id":314},"mega-menus",[132,316,317,318,320],{},"Top-level menu items can be enhanced with mega menus — rich, full-width dropdown panels that display lots of menu items in an organized way. See ",[141,319,98],{"href":99}," for setup instructions.",[149,322,324],{"id":323},"mobile-navigation","Mobile navigation",[132,326,327],{},"On mobile, the navigation bar is hidden and replaced by a hamburger menu button in the header. Tapping it opens a full-screen menu drawer.",[132,329,330,331,333,334,178],{},"By default, the mobile menu uses the same menu as the desktop navigation. To show a different menu on mobile, assign a ",[136,332,218],{}," in the ",[141,335,337],{"href":336},"#menus","header section settings",[132,339,340,341,344],{},"You can also control which additional elements appear at the bottom of the mobile menu drawer — see ",[141,342,218],{"href":343},"/header-footer/header#mobile-menu"," for those settings.",{"title":346,"searchDepth":347,"depth":347,"links":348},"",2,[349,354,355,356,357,358],{"id":151,"depth":347,"text":152,"children":350},[351,353],{"id":166,"depth":352,"text":167},3,{"id":187,"depth":352,"text":188},{"id":194,"depth":347,"text":195},{"id":222,"depth":347,"text":223},{"id":263,"depth":347,"text":264},{"id":314,"depth":347,"text":98},{"id":323,"depth":347,"text":324},"Learn how navigation is structured and configured","md",null,{},true,{"title":94,"description":359},"4tq2GGT1ehVh9WpJT2EwGJvqVESfO75BYJ49lu775i4",[367,369],{"title":90,"path":91,"stem":92,"description":368,"children":-1},"Learn how to configure and customize the header",{"title":98,"path":99,"stem":100,"description":370,"children":-1},"Learn how to create and configure mega menus",1771425626435]