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