[{"data":1,"prerenderedAt":427},["ShallowReactive",2],{"navigation_docs":3,"-store-management-builder-builder-settings-css-update":233,"-store-management-builder-builder-settings-css-update-surround":422},[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":86,"body":235,"description":415,"extension":416,"links":417,"meta":418,"navigation":419,"path":87,"seo":420,"stem":88,"__hash__":421},"docs\u002F02.store-management\u002F01.builder\u002F08.builder-settings\u002F05.css-update.md",{"type":236,"value":237,"toc":403},"minimark",[238,253,258,264,287,290,294,297,366,385,395],[239,240,241,242,246,247,249,250,252],"p",{},"When you add a ",[243,244,245],"strong",{},"new Tailwind class"," or custom CSS to a block, the style won't\nappear on your live store until Tailwind is recompiled for that page. The\n",[243,248,86],{}," tab in the Builder's ",[243,251,181],{}," panel does exactly that: it\nrecompiles Tailwind plus your custom CSS for the current page.",[254,255,257],"h2",{"id":256},"when-you-need-css-update","When you need CSS Update",[239,259,260,261,263],{},"Run ",[243,262,86],{}," whenever you add a class or style that wasn't already used on\nthe page, for example:",[265,266,267,280],"ul",{},[268,269,270,271,275,276,279],"li",{},"Adding a Tailwind utility class such as ",[272,273,274],"code",{},"text-3xl"," or ",[272,277,278],{},"uppercase"," to an element.",[268,281,282,283,286],{},"Writing custom CSS inside a block's ",[272,284,285],{},"\u003Cstyle>"," tag.",[239,288,289],{},"Tailwind only ships the classes it can see. A brand-new class needs a recompile\nbefore it takes effect on your site.",[254,291,293],{"id":292},"the-workflow","The workflow",[239,295,296],{},"Follow these steps in order.",[298,299,300,305,330,334,341,345,356,360],"steps",{},[301,302,304],"h3",{"id":303},"add-your-class-in-the-block-editor","Add your class in the block editor",[239,306,307,308,311,312,315,316,318,319,321,322,325,326,329],{},"Select the element you want to change and open the ",[243,309,310],{},"Edit Custom AI Block"," editor\n(the ",[272,313,314],{},"\u003C\u002F>"," icon in the element toolbar). Add your new class to the element, for\nexample add ",[272,317,274],{}," to a button or ",[272,320,278],{}," to a heading, then click\n",[243,323,324],{},"Apply Changes",". Your edit is now reflected ",[243,327,328],{},"in the Builder preview"," so you\ncan see how it looks.",[301,331,333],{"id":332},"save-keep-it-in-the-builder","Save (keep it in the Builder)",[239,335,336,337,340],{},"Click the ",[243,338,339],{},"Save"," button (top right) to keep your change in the Builder. Your\nedit is stored, but it is not on your live site yet.",[301,342,344],{"id":343},"run-css-update","Run CSS Update",[239,346,347,348,351,352,355],{},"Open ",[243,349,350],{},"Settings → CSS Update"," and click ",[243,353,354],{},"Update current page CSS",". This\nrecompiles Tailwind and your custom CSS for the current page so your new class is\ncompiled correctly.",[301,357,359],{"id":358},"publish-send-it-to-your-live-site","Publish (send it to your live site)",[239,361,336,362,365],{},[243,363,364],{},"Publish"," button (top right) to push your changes to your live\nwebsite. Only after you publish will the change reflect on your live site.",[367,368,369,372,373,375,376,378,379,381,382,384],"note",{},[243,370,371],{},"Save, CSS Update, and Publish are separate steps."," ",[243,374,339],{}," keeps your change\nin the Builder. ",[243,377,86],{}," recompiles Tailwind so a brand-new class is built.\n",[243,380,364],{}," is what actually pushes the change to your live site. Remember: if you\nrun CSS Update, you still need to ",[243,383,364],{}," for it to reflect on your site.",[386,387,388,389,391,392,394],"tip",{},"If a class you added works in the Builder but has no effect on your live site, it\nalmost always means you skipped ",[243,390,86],{},", ",[243,393,364],{},", or both. Run CSS\nUpdate for that page, then Publish, and the style will appear.",[396,397,398,399,402],"warning",{},"CSS Update recompiles the ",[243,400,401],{},"current page"," only. If you added the same new class\non several pages, run CSS Update on each of those pages before publishing.",{"title":404,"searchDepth":405,"depth":405,"links":406},"",2,[407,408],{"id":256,"depth":405,"text":257},{"id":292,"depth":405,"text":293,"children":409},[410,412,413,414],{"id":303,"depth":411,"text":304},3,{"id":332,"depth":411,"text":333},{"id":343,"depth":411,"text":344},{"id":358,"depth":411,"text":359},"Add a custom class or CSS to a block, then recompile Tailwind so the style shows up on your live store.","md",null,{},true,{"title":86,"description":415},"gs0QU5pj7aAxt_cBRYJQ0BoN0a_d8SVvZyAIi4QyZ8c",[423,425],{"title":82,"path":83,"stem":84,"description":424,"children":-1},"Clear your store's cache from the Builder settings so shoppers see your latest changes right away.",{"title":90,"path":91,"stem":92,"description":426,"children":-1},"Give Buddy a memory of your store, its brand, audience, and pages, so AI generates better, on-brand content.",1786462031118]