[{"data":1,"prerenderedAt":531},["ShallowReactive",2],{"navigation_docs":3,"-store-management-builder-element-properties":220,"-store-management-builder-element-properties-surround":526},[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\u002Fgetting-started","01.getting-started\u002F02.getting-started",{"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":53,"body":222,"description":519,"extension":520,"links":521,"meta":522,"navigation":523,"path":54,"seo":524,"stem":55,"__hash__":525},"docs\u002F02.store-management\u002F01.builder\u002F06.element-properties.md",{"type":223,"value":224,"toc":508},"minimark",[225,238,258,264,269,294,299,303,315,322,326,340,345,349,358,362,366,371,397,401,405,410,436,440,444,449,484,488,500],[226,227,228,229,233,234,237],"p",{},"Every element on your page can be edited directly. Hover an element on the canvas\nand a small toolbar appears with two options: ",[230,231,232],"strong",{},"edit"," and ",[230,235,236],{},"delete",".",[239,240,241,252],"ul",{},[242,243,244,247,248,251],"li",{},[230,245,246],{},"Edit (pencil)."," Open the element's ",[230,249,250],{},"Properties"," panel to customize it.",[242,253,254,257],{},[230,255,256],{},"Delete (trash)."," Remove the element from the page.",[259,260],"img",{"src":261,"alt":262,"style":263},"\u002Fimages\u002Felement-properties\u002Felement-edit-delete-icons.png","An element on the canvas with the edit (pencil) and delete (trash) icons","width:100%;height:auto;border:1px solid var(--ui-border);border-radius:8px;",[265,266,268],"h2",{"id":267},"the-properties-panel","The Properties panel",[226,270,271,272,275,276,278,279,233,282,285,286,289,290,293],{},"Click the ",[230,273,274],{},"edit (pencil)"," icon and the ",[230,277,250],{}," panel opens on the right.\nIt has two tabs, ",[230,280,281],{},"Controls",[230,283,284],{},"Inspector",", an ",[230,287,288],{},"Ask Buddy"," bar, and a set of\ncollapsible sections for everything about the element. A ",[230,291,292],{},"Reset"," button at the\nbottom returns the element to its defaults.",[259,295],{"src":296,"alt":297,"style":298},"\u002Fimages\u002Felement-properties\u002Fproperties-panel.png","The Properties panel with Ask Buddy and the Element Info, CSS Class, Design, Layout, and Advanced sections","max-height:520px;width:auto;max-width:100%;border:1px solid var(--ui-border);border-radius:8px;",[265,300,302],{"id":301},"edit-with-buddy","Edit with Buddy",[226,304,305,306,309,310,314],{},"At the top of the panel is an ",[230,307,308],{},"Ask Buddy…"," bar. Instead of adjusting the controls\nyourself, describe the change you want (for example ",[311,312,313],"em",{},"make this heading bigger and\ncenter it",") and Buddy updates the element for you.",[316,317,318,319,321],"tip",{},"Use ",[230,320,288],{}," for quick changes, and the sections below for precise, manual\ncontrol.",[265,323,325],{"id":324},"element-info","Element Info",[226,327,328,329,331,332,335,336,339],{},"The ",[230,330,325],{}," section shows the element's ",[230,333,334],{},"Text Content"," and its ",[230,337,338],{},"CSS\nclasses",". Edit the text, and add or remove classes on the element.",[259,341],{"src":342,"alt":343,"style":344},"\u002Fimages\u002Felement-properties\u002Felement-info-section.png","The Element Info section showing Text Content and the element's classes","max-height:480px;width:auto;max-width:100%;border:1px solid var(--ui-border);border-radius:8px;",[265,346,348],{"id":347},"css-class","CSS Class",[226,350,328,351,353,354,357],{},[230,352,348],{}," section shows the classes on the element and lets you edit the\nCSS rule for a class. Changes to a class apply to ",[230,355,356],{},"every element using that\nclass"," in the block.",[259,359],{"src":360,"alt":361,"style":298},"\u002Fimages\u002Felement-properties\u002Fcss-class-section.png","The CSS Class section showing the element's classes and the editable rule",[265,363,365],{"id":364},"design","Design",[226,367,328,368,370],{},[230,369,365],{}," section styles the element visually:",[239,372,373,379,385,391],{},[242,374,375,378],{},[230,376,377],{},"Typography",", size, weight, line height, spacing, text color, alignment,\ndecoration, transform, and style (Normal \u002F Italic).",[242,380,381,384],{},[230,382,383],{},"Background",", the fill color.",[242,386,387,390],{},[230,388,389],{},"Borders",", radius, width, color, and style.",[242,392,393,396],{},[230,394,395],{},"Shadow",", box shadow.",[259,398],{"src":399,"alt":400,"style":298},"\u002Fimages\u002Felement-properties\u002Fdesign-section.png","The Design section with typography, background, and border controls",[265,402,404],{"id":403},"layout","Layout",[226,406,328,407,409],{},[230,408,404],{}," section controls how the element is placed and sized:",[239,411,412,418,424,430],{},[242,413,414,417],{},[230,415,416],{},"Display",", Block, Flex, or Grid.",[242,419,420,423],{},[230,421,422],{},"Spacing",", padding and margin.",[242,425,426,429],{},[230,427,428],{},"Size",", width, height, and min\u002Fmax width.",[242,431,432,435],{},[230,433,434],{},"Position",", position and z-index.",[259,437],{"src":438,"alt":439,"style":298},"\u002Fimages\u002Felement-properties\u002Flayout-section.png","The Layout section with display, spacing, size, and position controls",[265,441,443],{"id":442},"advanced","Advanced",[226,445,328,446,448],{},[230,447,443],{}," section is for finer control:",[239,450,451,467,475],{},[242,452,453,456,457,456,460,463,464,237],{},[230,454,455],{},"Opacity",", ",[230,458,459],{},"Overflow",[230,461,462],{},"Cursor",", and ",[230,465,466],{},"Visibility",[242,468,469,233,472,237],{},[230,470,471],{},"Transition",[230,473,474],{},"Transform",[242,476,477,480,481,237],{},[230,478,479],{},"Custom CSS",", write CSS that applies to ",[230,482,483],{},"this element only",[259,485],{"src":486,"alt":487,"style":298},"\u002Fimages\u002Felement-properties\u002Fadvanced-section.png","The Advanced section with opacity, overflow, transition, transform, and Custom CSS",[489,490,491,493,494,496,497,237],"note",{},[230,492,479],{}," here is an inline style, it applies to ",[230,495,483],{}," and\n",[230,498,499],{},"overrides the class rules",[501,502,503,504,507],"warning",{},"After editing an element, remember to ",[230,505,506],{},"Publish (Save & Publish)"," so your changes\ngo live on your store.",{"title":509,"searchDepth":510,"depth":510,"links":511},"",2,[512,513,514,515,516,517,518],{"id":267,"depth":510,"text":268},{"id":301,"depth":510,"text":302},{"id":324,"depth":510,"text":325},{"id":347,"depth":510,"text":348},{"id":364,"depth":510,"text":365},{"id":403,"depth":510,"text":404},{"id":442,"depth":510,"text":443},"Select any element on the page and fine-tune it, its text, classes, design, layout, and more, from the Element Properties panel, by hand or with Buddy.","md",null,{},true,{"title":53,"description":519},"f3mgHkRB6rJAvoneSvspAy86u7q2wUi0Le1rZVbe7u8",[527,529],{"title":49,"path":50,"stem":51,"description":528,"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.",{"title":57,"path":58,"stem":59,"description":530,"children":-1},"Review previous versions of your store and restore an earlier one whenever you need to.",1785136242379]