[{"data":1,"prerenderedAt":336},["ShallowReactive",2],{"navigation_docs":3,"-header-footer-mega-menus":126,"-header-footer-mega-menus-surround":331},[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":98,"body":128,"description":324,"extension":325,"links":326,"meta":327,"navigation":328,"path":99,"seo":329,"stem":100,"__hash__":330},"docs/5.header-footer/3.mega-menus.md",{"type":129,"value":130,"toc":317},"minimark",[131,138,145,150,205,208,211,243,250,265,269,272],[132,133,134,137],"p",{},[135,136,98],"strong",{}," are rich, full-width dropdown panels that replace the standard navigation dropdown for a top-level menu item. They display all nested menu items in an organized multi-column layout, and can include promotion cards and badges to highlight specific items.",[132,139,140],{},[141,142],"img",{"alt":143,"src":144},"Mega menu","/mega-menu.png",[146,147,149],"h2",{"id":148},"creating-a-mega-menu","Creating a mega menu",[151,152,154,159,183,187,202],"steps",{"level":153},"4",[155,156,158],"h4",{"id":157},"add-a-mega-menu-block","Add a Mega menu block",[160,161,162,173],"ol",{},[163,164,165,166,169,170,172],"li",{},"Open the ",[135,167,168],{},"Theme Editor"," and select the ",[135,171,90],{}," section.",[163,174,175,176,179,180,182],{},"Click ",[135,177,178],{},"Add block"," and select ",[135,181,143],{},".",[155,184,186],{"id":185},"assign-it-to-a-menu-item","Assign it to a menu item",[160,188,189,196,199],{},[163,190,191,192,195],{},"In the mega menu settings, find the ",[135,193,194],{},"Menu item"," field.",[163,197,198],{},"Enter the exact name of the top-level menu item you want to assign this mega menu to.",[163,200,201],{},"Save your changes.",[132,203,204],{},"The mega menu should now appear when hovering over that menu item in the navigation bar.",[146,206,68],{"id":207},"promotion-cards",[132,209,210],{},"Promotion cards let you feature images and links inside a mega menu — useful for showcasing sales, new collections, or seasonal campaigns.",[151,212,213,217,232,236],{"level":153},[155,214,216],{"id":215},"add-a-promotion-card-block","Add a Promotion card block",[160,218,219,225],{},[163,220,221,222,224],{},"In the Theme Editor, expand your ",[135,223,143],{}," block.",[163,226,175,227,179,229,182],{},[135,228,178],{},[135,230,231],{},"Promotion card",[155,233,235],{"id":234},"configure-the-card","Configure the card",[160,237,238,241],{},[163,239,240],{},"Enter your content in the promotion card settings.",[163,242,201],{},[132,244,245,246,249],{},"You can add multiple promotion cards to a single mega menu. In the ",[135,247,248],{},"mega menu"," settings, you can adjust how promotion cards are displayed:",[251,252,253,259],"ul",{},[163,254,255,258],{},[135,256,257],{},"Layout"," — stack the cards horizontally or vertically.",[163,260,261,264],{},[135,262,263],{},"Size"," — control the size of the promotion cards.",[146,266,268],{"id":267},"badges","Badges",[132,270,271],{},"Badges are small labels that appear next to a menu item inside the mega menu. They are useful for drawing attention to promotions, new arrivals, or limited-time offers.",[151,273,274,278,291,295],{"level":153},[155,275,277],{"id":276},"add-a-badge-block","Add a Badge block",[160,279,280,284],{},[163,281,221,282,224],{},[135,283,143],{},[163,285,175,286,179,288,182],{},[135,287,178],{},[135,289,290],{},"Badge",[155,292,294],{"id":293},"configure-the-badge","Configure the badge",[160,296,297,303,310],{},[163,298,299,300,302],{},"In the ",[135,301,194],{}," field, enter the exact name of the menu item where you want the badge to appear.",[163,304,305,306,309],{},"Enter the ",[135,307,308],{},"Badge text"," (e.g., \"New\", \"Sale\").",[163,311,312,313,316],{},"Select a ",[135,314,315],{},"Color"," for the badge.",{"title":318,"searchDepth":319,"depth":319,"links":320},"",2,[321,322,323],{"id":148,"depth":319,"text":149},{"id":207,"depth":319,"text":68},{"id":267,"depth":319,"text":268},"Learn how to create and configure mega menus","md",null,{},true,{"title":98,"description":324},"5Op_BZGUg3idcWgmjhftoxObHKSnUBxgGuHusZMyTOU",[332,334],{"title":94,"path":95,"stem":96,"description":333,"children":-1},"Learn how navigation is structured and configured",{"title":102,"path":103,"stem":104,"description":335,"children":-1},"Learn how to configure the announcement bar",1771425626726]