[{"data":1,"prerenderedAt":515},["ShallowReactive",2],{"navigation_docs":3,"-store-management-builder-layouts":233,"-store-management-builder-layouts-surround":510},[4,26,224],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Getting Started","\u002Fgetting-started","01.getting-started",[9,13,17,21],{"title":10,"path":11,"stem":12},"What is Orderain?","\u002Fgetting-started\u002Fwhat-is-orderain","01.getting-started\u002F01.what-is-orderain",{"title":14,"path":15,"stem":16},"From a Theme","\u002Fgetting-started\u002Ffrom-a-theme","01.getting-started\u002F02.from-a-theme",{"title":18,"path":19,"stem":20},"With AI (Buddy)","\u002Fgetting-started\u002Fbuilding-your-store-with-buddy","01.getting-started\u002F03.building-your-store-with-buddy",{"title":22,"path":23,"stem":24},"Orderain MCP","\u002Fgetting-started\u002Forderain-mcp","01.getting-started\u002F04.orderain-mcp",false,{"title":27,"path":28,"stem":29,"children":30,"page":25},"Store Management","\u002Fstore-management","02.store-management",[31,101],{"title":32,"path":33,"stem":34,"children":35,"page":25},"Builder","\u002Fstore-management\u002Fbuilder","02.store-management\u002F01.builder",[36,40,44,48,52,56,60,64,93,97],{"title":37,"path":38,"stem":39},"Overview","\u002Fstore-management\u002Fbuilder\u002Fthe-store-builder","02.store-management\u002F01.builder\u002F01.the-store-builder",{"title":41,"path":42,"stem":43},"Pages","\u002Fstore-management\u002Fbuilder\u002Fpages","02.store-management\u002F01.builder\u002F02.pages",{"title":45,"path":46,"stem":47},"Layers","\u002Fstore-management\u002Fbuilder\u002Flayers","02.store-management\u002F01.builder\u002F03.layers",{"title":49,"path":50,"stem":51},"Layouts","\u002Fstore-management\u002Fbuilder\u002Flayouts","02.store-management\u002F01.builder\u002F04.layouts",{"title":53,"path":54,"stem":55},"Blocks","\u002Fstore-management\u002Fbuilder\u002Fblocks","02.store-management\u002F01.builder\u002F05.blocks",{"title":57,"path":58,"stem":59},"Element Properties","\u002Fstore-management\u002Fbuilder\u002Felement-properties","02.store-management\u002F01.builder\u002F06.element-properties",{"title":61,"path":62,"stem":63},"Version History","\u002Fstore-management\u002Fbuilder\u002Fversion-history","02.store-management\u002F01.builder\u002F07.version-history",{"title":65,"path":66,"stem":67,"children":68,"page":25},"Builder Settings","\u002Fstore-management\u002Fbuilder\u002Fbuilder-settings","02.store-management\u002F01.builder\u002F08.builder-settings",[69,73,77,81,85,89],{"title":70,"path":71,"stem":72},"Themes","\u002Fstore-management\u002Fbuilder\u002Fbuilder-settings\u002Fthemes","02.store-management\u002F01.builder\u002F08.builder-settings\u002F01.themes",{"title":74,"path":75,"stem":76},"General","\u002Fstore-management\u002Fbuilder\u002Fbuilder-settings\u002Fgeneral","02.store-management\u002F01.builder\u002F08.builder-settings\u002F02.general",{"title":78,"path":79,"stem":80},"SEO","\u002Fstore-management\u002Fbuilder\u002Fbuilder-settings\u002Fseo","02.store-management\u002F01.builder\u002F08.builder-settings\u002F03.seo",{"title":82,"path":83,"stem":84},"Cache Management","\u002Fstore-management\u002Fbuilder\u002Fbuilder-settings\u002Fcache-management","02.store-management\u002F01.builder\u002F08.builder-settings\u002F04.cache-management",{"title":86,"path":87,"stem":88},"CSS Update","\u002Fstore-management\u002Fbuilder\u002Fbuilder-settings\u002Fcss-update","02.store-management\u002F01.builder\u002F08.builder-settings\u002F05.css-update",{"title":90,"path":91,"stem":92},"AI","\u002Fstore-management\u002Fbuilder\u002Fbuilder-settings\u002Fai","02.store-management\u002F01.builder\u002F08.builder-settings\u002F06.ai",{"title":94,"path":95,"stem":96},"AI Buddy","\u002Fstore-management\u002Fbuilder\u002Fai-buddy","02.store-management\u002F01.builder\u002F09.ai-buddy",{"title":98,"path":99,"stem":100},"Preview & Publish","\u002Fstore-management\u002Fbuilder\u002Fpreview-and-publish","02.store-management\u002F01.builder\u002F10.preview-and-publish",{"title":102,"path":103,"stem":104,"children":105,"page":25},"Dashboard","\u002Fstore-management\u002Fdashboard","02.store-management\u002F02.dashboard",[106,109,122,151,155,168,172,176,180],{"title":37,"path":107,"stem":108},"\u002Fstore-management\u002Fdashboard\u002Foverview","02.store-management\u002F02.dashboard\u002F01.overview",{"title":110,"path":111,"stem":112,"children":113,"page":25},"Orders","\u002Fstore-management\u002Fdashboard\u002Forders","02.store-management\u002F02.dashboard\u002F02.orders",[114,118],{"title":115,"path":116,"stem":117},"All Orders","\u002Fstore-management\u002Fdashboard\u002Forders\u002Fall-orders","02.store-management\u002F02.dashboard\u002F02.orders\u002F01.all-orders",{"title":119,"path":120,"stem":121},"Abandoned Orders","\u002Fstore-management\u002Fdashboard\u002Forders\u002Fabandoned-orders","02.store-management\u002F02.dashboard\u002F02.orders\u002F02.abandoned-orders",{"title":123,"path":124,"stem":125,"children":126,"page":25},"Products","\u002Fstore-management\u002Fdashboard\u002Fproducts","02.store-management\u002F02.dashboard\u002F03.products",[127,131,135,139,143,147],{"title":128,"path":129,"stem":130},"All Products","\u002Fstore-management\u002Fdashboard\u002Fproducts\u002Fall-products","02.store-management\u002F02.dashboard\u002F03.products\u002F01.all-products",{"title":132,"path":133,"stem":134},"Add a Product","\u002Fstore-management\u002Fdashboard\u002Fproducts\u002Fadd-product","02.store-management\u002F02.dashboard\u002F03.products\u002F02.add-product",{"title":136,"path":137,"stem":138},"Categories","\u002Fstore-management\u002Fdashboard\u002Fproducts\u002Fcategories","02.store-management\u002F02.dashboard\u002F03.products\u002F03.categories",{"title":140,"path":141,"stem":142},"Inventory","\u002Fstore-management\u002Fdashboard\u002Fproducts\u002Finventory","02.store-management\u002F02.dashboard\u002F03.products\u002F04.inventory",{"title":144,"path":145,"stem":146},"Reviews","\u002Fstore-management\u002Fdashboard\u002Fproducts\u002Freviews","02.store-management\u002F02.dashboard\u002F03.products\u002F05.reviews",{"title":148,"path":149,"stem":150},"Catalogue","\u002Fstore-management\u002Fdashboard\u002Fproducts\u002Fcatalogue","02.store-management\u002F02.dashboard\u002F03.products\u002F06.catalogue",{"title":152,"path":153,"stem":154},"Customers","\u002Fstore-management\u002Fdashboard\u002Fcustomers","02.store-management\u002F02.dashboard\u002F04.customers",{"title":156,"path":157,"stem":158,"children":159,"page":25},"Analytics","\u002Fstore-management\u002Fdashboard\u002Fanalytics","02.store-management\u002F02.dashboard\u002F05.analytics",[160,164],{"title":161,"path":162,"stem":163},"Sales","\u002Fstore-management\u002Fdashboard\u002Fanalytics\u002Fsales","02.store-management\u002F02.dashboard\u002F05.analytics\u002F01.sales",{"title":165,"path":166,"stem":167},"Traffic","\u002Fstore-management\u002Fdashboard\u002Fanalytics\u002Ftraffic","02.store-management\u002F02.dashboard\u002F05.analytics\u002F02.traffic",{"title":169,"path":170,"stem":171},"Coupons","\u002Fstore-management\u002Fdashboard\u002Fcoupons","02.store-management\u002F02.dashboard\u002F06.coupons",{"title":173,"path":174,"stem":175},"Plugins","\u002Fstore-management\u002Fdashboard\u002Fplugins","02.store-management\u002F02.dashboard\u002F07.plugins",{"title":177,"path":178,"stem":179},"Staff Management","\u002Fstore-management\u002Fdashboard\u002Fstaff-management","02.store-management\u002F02.dashboard\u002F08.staff-management",{"title":181,"path":182,"stem":183,"children":184,"page":25},"Settings","\u002Fstore-management\u002Fdashboard\u002Fsettings","02.store-management\u002F02.dashboard\u002F09.settings",[185,188,192,196,200,204,208,212,216,220],{"title":74,"path":186,"stem":187},"\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fgeneral","02.store-management\u002F02.dashboard\u002F09.settings\u002F01.general",{"title":189,"path":190,"stem":191},"Subscription","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fsubscription","02.store-management\u002F02.dashboard\u002F09.settings\u002F02.subscription",{"title":193,"path":194,"stem":195},"Domain","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fdomain","02.store-management\u002F02.dashboard\u002F09.settings\u002F03.domain",{"title":197,"path":198,"stem":199},"Payment","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fpayment","02.store-management\u002F02.dashboard\u002F09.settings\u002F04.payment",{"title":201,"path":202,"stem":203},"Additional Charges","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fadditional-charges","02.store-management\u002F02.dashboard\u002F09.settings\u002F05.additional-charges",{"title":205,"path":206,"stem":207},"Taxes","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Ftaxes","02.store-management\u002F02.dashboard\u002F09.settings\u002F06.taxes",{"title":209,"path":210,"stem":211},"Notifications","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fnotifications","02.store-management\u002F02.dashboard\u002F09.settings\u002F07.notifications",{"title":213,"path":214,"stem":215},"Warehouses","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fwarehouses","02.store-management\u002F02.dashboard\u002F09.settings\u002F08.warehouses",{"title":217,"path":218,"stem":219},"Shipping Rate","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fshipping-rate","02.store-management\u002F02.dashboard\u002F09.settings\u002F09.shipping-rate",{"title":221,"path":222,"stem":223},"Headless","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fheadless","02.store-management\u002F02.dashboard\u002F09.settings\u002F10.headless",{"title":225,"path":226,"stem":227,"children":228,"page":25},"Account Settings","\u002Faccount-settings","03.account-settings",[229],{"title":230,"path":231,"stem":232},"Orderain Magic","\u002Faccount-settings\u002Forderain-magic","03.account-settings\u002F01.orderain-magic",{"id":234,"title":49,"body":235,"description":503,"extension":504,"links":505,"meta":506,"navigation":507,"path":50,"seo":508,"stem":51,"__hash__":509},"docs\u002F02.store-management\u002F01.builder\u002F04.layouts.md",{"type":236,"value":237,"toc":490},"minimark",[238,254,260,276,281,306,317,321,337,368,373,437,452,456,459,473,482],[239,240,241,242,245,246,249,250,253],"p",{},"The ",[243,244,49],"strong",{}," tab in the Builder lets you drop in ready-made sections for your\nstore. If you want to change your ",[243,247,248],{},"navbar"," or ",[243,251,252],{},"footer",", this is where you do it.",[239,255,256,257,259],{},"Open the ",[243,258,49],{}," option from the Builder's left menu to browse the available\nsections.",[261,262,264,265,264,271],"figure",{"style":263},"margin:1rem 0;","\n  ",[266,267],"img",{"src":268,"alt":269,"style":270},"\u002Fimages\u002Flayouts\u002Flayouts-panel.png","The Layouts panel with the Navs and Footers groups","display:block;width:100%;max-width:860px;height:auto;margin-inline:auto;border-radius:12px;",[272,273,275],"figcaption",{"style":274},"text-align:center;margin-top:0.25rem;font-size:0.875rem;color:var(--ui-text-muted);","The Layouts panel — browse the Navs and Footers groups.",[277,278,280],"h2",{"id":279},"using-a-layout","Using a layout",[282,283,284,290,300,303],"ol",{},[285,286,256,287,289],"li",{},[243,288,49],{}," tab from the left menu.",[285,291,292,293,249,296,299],{},"Expand a group such as ",[243,294,295],{},"Navs",[243,297,298],{},"Footers",".",[285,301,302],{},"Click the design you want, it is added to your store.",[285,304,305],{},"Adjust it as needed, then publish your changes.",[307,308,309,310,313,314,316],"tip",{},"Some layouts are ",[243,311,312],{},"AI-powered",": look for the ",[243,315,90],{}," badge. These can generate a\ncustom section for you instead of using a fixed design.",[277,318,320],{"id":319},"navbar-and-footer-customizations","Navbar and footer customizations",[239,322,323,324,326,327,329,330,333,334,299],{},"Merchants can customize both the ",[243,325,248],{}," and the ",[243,328,252],{}," in two ways: ",[243,331,332],{},"with\nAI"," or by ",[243,335,336],{},"selecting a pre-built template",[338,339,340,355],"ul",{},[285,341,342,345,346,249,348,350,351,354],{},[243,343,344],{},"Pre-built templates."," Expand ",[243,347,295],{},[243,349,298],{}," and pick a ready-made\ndesign. These drop straight in, but their design ",[243,352,353],{},"can't be modified directly","\nthrough AI-generated code.",[285,356,357,360,361,364,365,299],{},[243,358,359],{},"Custom (with AI)."," Use AI to ",[243,362,363],{},"generate the code"," for a navbar or footer,\nthen tweak it however you like, either with more AI prompts or by hand in the\n",[243,366,367],{},"code editor",[369,370,372],"h3",{"id":371},"creating-a-custom-navbar-or-footer","Creating a custom navbar or footer",[374,375,376,380,395,399,402,406,428],"steps",{},[369,377,379],{"id":378},"generate-the-code-with-ai","Generate the code with AI",[239,381,382,383,386,387,391,392,299],{},"Click the ",[243,384,385],{},"AI icon"," on the section to generate a custom navbar or footer. Describe\nwhat you want (for example a ",[388,389,390],"em",{},"modern, responsive navbar for a hardware store with a\nlogo, centered links, and cart & search icons","), and AI builds it and confirms with\n",[243,393,394],{},"Navigation updated",[369,396,398],{"id":397},"refine-it","Refine it",[239,400,401],{},"You can keep prompting AI to adjust the design, colors, links, and behavior. Each\nchange is applied and confirmed in the chat.",[369,403,405],{"id":404},"edit-the-code-manually","Edit the code manually",[239,407,408,409,416,417,420,421,424,425,299],{},"For finer control, click the ",[243,410,411,415],{},[412,413,414],"code",{},"\u003C\u002F>"," Code icon"," to open the ",[243,418,419],{},"Edit Navbar Code","\neditor. Update the generated ",[243,422,423],{},"HTML and CSS"," by hand (or with AI assistance), then\nclick ",[243,426,427],{},"Apply Changes",[261,429,264,430,264,434],{"style":263},[266,431],{"src":432,"alt":433,"style":270},"\u002Fimages\u002Flayouts\u002Fedit-navbar-code.png","The Edit Navbar Code editor showing the navbar HTML and CSS with Apply Changes",[272,435,436],{"style":274},"The Edit Navbar Code editor — tweak the HTML and CSS, then Apply Changes.",[438,439,241,440,443,444,446,447,451],"note",{},[243,441,442],{},"same options apply to the footer",". Use the ",[243,445,385],{}," to generate a custom\nfooter, then the ",[243,448,449,415],{},[412,450,414],{}," to edit its code by hand or with AI, exactly\nlike the navbar.",[277,453,455],{"id":454},"save-and-publish","Save and publish",[239,457,458],{},"When your navbar or footer looks right, use the toolbar at the top:",[338,460,461,467],{},[285,462,463,466],{},[243,464,465],{},"Save",", save your changes as a draft.",[285,468,469,472],{},[243,470,471],{},"Publish",", make the changes live on your store.",[261,474,264,475,264,479],{"style":263},[266,476],{"src":477,"alt":478,"style":270},"\u002Fimages\u002Flayouts\u002Ftoolbar-save-publish.png","The Builder toolbar with the Save and Publish buttons at the top right",[272,480,481],{"style":274},"The Builder toolbar — Save your draft, then Publish to go live.",[483,484,485,486,489],"warning",{},"Your changes stay a draft until you ",[243,487,488],{},"Publish (Save & Publish)",". Nothing appears\non your live store until you publish.",{"title":491,"searchDepth":492,"depth":492,"links":493},"",2,[494,495,502],{"id":279,"depth":492,"text":280},{"id":319,"depth":492,"text":320,"children":496},[497,499,500,501],{"id":371,"depth":498,"text":372},3,{"id":378,"depth":498,"text":379},{"id":397,"depth":498,"text":398},{"id":404,"depth":498,"text":405},{"id":454,"depth":492,"text":455},"Change your store's navbar and footer using ready-made sections from the Builder's Layouts tab.","md",null,{},true,{"title":49,"description":503},"XSy3PPJCompMBoEkSGL05ueM8-kfFaEwFtDAWuFqBGk",[511,513],{"title":45,"path":46,"stem":47,"description":512,"children":-1},"See the structure of the current page as a tree of elements, and select, reorder, or fine-tune them from the Builder's Layers panel.",{"title":53,"path":54,"stem":55,"description":514,"children":-1},"Browse and add ready-made content blocks to your pages, dynamic data blocks, static sections, and basic elements, from the Builder's Blocks panel.",1786462024972]