[{"data":1,"prerenderedAt":418},["ShallowReactive",2],{"navigation_docs":3,"-store-management-builder-layers":220,"-store-management-builder-layers-surround":413},[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":41,"body":222,"description":406,"extension":407,"links":408,"meta":409,"navigation":410,"path":42,"seo":411,"stem":43,"__hash__":412},"docs\u002F02.store-management\u002F01.builder\u002F03.layers.md",{"type":223,"value":224,"toc":399},"minimark",[225,240,256,261,268,275,279,286,332,336,339,357,366,379,391],[226,227,228,229,232,233,236,237,239],"p",{},"The ",[230,231,41],"strong",{}," panel in the Builder shows the structure of the ",[230,234,235],{},"current page"," as\na tree of elements. Open ",[230,238,41],{}," from the Builder's left menu to see how the\npage is built and to work with individual elements.",[241,242,244,245,244,251],"figure",{"style":243},"margin:1rem 0;","\n  ",[246,247],"img",{"src":248,"alt":249,"style":250},"\u002Fimages\u002Flayers\u002Flayers-panel.png","The Layers panel showing page structure and visibility with a searchable tree of elements","display:block;width:100%;max-width:860px;height:auto;margin-inline:auto;border-radius:12px;",[252,253,255],"figcaption",{"style":254},"text-align:center;margin-top:0.25rem;font-size:0.875rem;color:var(--ui-text-muted);","The Layers panel — a searchable tree of the current page's elements.",[257,258,260],"h2",{"id":259},"the-layer-tree","The layer tree",[226,262,263,264,267],{},"The Layers panel shows the page's ",[230,265,266],{},"complete structure, layout-wise",", every\nsection, block, and element as a node in a tree, nested to match how the page is\nbuilt. This gives you a clear, structured view of the whole page in one place,\neven the parts that are hard to click directly on the canvas.",[226,269,270,271,274],{},"Use the ",[230,272,273],{},"Search layers"," box at the top to quickly find a specific element by\nname.",[257,276,278],{"id":277},"what-you-can-do","What you can do",[226,280,281,282,285],{},"Layers let you ",[230,283,284],{},"view and manage all page elements from one place",". Instead of\nhunting through the page, you can work with any element right from the tree:",[287,288,289,296,307,317,326],"ul",{},[290,291,292,295],"li",{},[230,293,294],{},"Select."," Click a layer to select the matching element on the canvas, handy\nfor reaching nested or overlapping items.",[290,297,298,301,302,306],{},[230,299,300],{},"Edit."," Open a layer to edit that element (its content and\n",[303,304,305],"a",{"href":54},"properties",").",[290,308,309,312,313,316],{},[230,310,311],{},"Duplicate."," Click the ",[230,314,315],{},"copy"," icon on a layer to duplicate that element.",[290,318,319,312,322,325],{},[230,320,321],{},"Delete.",[230,323,324],{},"trash"," icon on a layer to remove that element.",[290,327,328,331],{},[230,329,330],{},"Reorder."," Move layers up or down to change the order sections and blocks\nappear on the page.",[257,333,335],{"id":334},"expanding-and-collapsing-the-tree","Expanding and collapsing the tree",[226,337,338],{},"The buttons at the top right of the panel control the whole tree at once:",[287,340,341,351],{},[290,342,343,346,347,350],{},[230,344,345],{},"Expand all (down arrow)."," Opens every layer so you can see all nested\nchildren (for example the ",[230,348,349],{},"Main"," node inside each section).",[290,352,353,356],{},[230,354,355],{},"Collapse all (up arrow)."," Closes every layer back to the top-level list, for\na clean, high-level overview.",[241,358,244,359,244,363],{"style":243},[246,360],{"src":361,"alt":362,"style":250},"\u002Fimages\u002Flayers\u002Flayers-expand-collapse.png","The Layers panel with the expand-all and collapse-all buttons and per-layer duplicate and delete icons",[252,364,365],{"style":254},"Expand-all and collapse-all controls, with per-layer duplicate and delete icons.",[367,368,369,370,372,373,375,376,378],"tip",{},"Add sections with ",[230,371,49],{},", then use ",[230,374,41],{}," to fine-tune their order, and\n",[230,377,177],{}," to adjust the details.",[380,381,382,383,387,388,390],"note",{},"To change how an individual element ",[384,385,386],"em",{},"looks",", select it and edit its\n",[303,389,53],{"href":54},".",[392,393,394,395,398],"warning",{},"After reordering or editing elements, remember to ",[230,396,397],{},"Publish (Save & Publish)"," so\nthe changes go live on your store.",{"title":400,"searchDepth":401,"depth":401,"links":402},"",2,[403,404,405],{"id":259,"depth":401,"text":260},{"id":277,"depth":401,"text":278},{"id":334,"depth":401,"text":335},"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.","md",null,{},true,{"title":41,"description":406},"pjhGcGqHS-1orgmT63A7QQB49b0ZQTx-v_PIb2cxXzs",[414,416],{"title":37,"path":38,"stem":39,"description":415,"children":-1},"Understand the three types of pages in your store, Custom, System, and Hosted, and what you can change in each.",{"title":45,"path":46,"stem":47,"description":417,"children":-1},"Change your store's navbar and footer using ready-made sections from the Builder's Layouts tab.",1785423280040]