[{"data":1,"prerenderedAt":344},["ShallowReactive",2],{"navigation_docs":3,"-introduction-section-structure":126,"-introduction-section-structure-surround":339},[4,17,54,71,84,113],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Introduction",false,"/introduction","1.introduction",[10,13],{"title":5,"path":11,"stem":12},"/introduction/introduction","1.introduction/1.introduction",{"title":14,"path":15,"stem":16},"Section structure","/introduction/section-structure","1.introduction/2.section-structure",{"title":18,"icon":6,"path":19,"stem":20,"children":21,"page":6},"Products","/products","2.products",[22,26,30,34,38,42,46,50],{"title":23,"path":24,"stem":25},"Product page","/products/product-page","2.products/1.product-page",{"title":27,"path":28,"stem":29},"Key features","/products/key-features","2.products/2.key-features",{"title":31,"path":32,"stem":33},"Complementary products","/products/complementary-products","2.products/3.complementary-products",{"title":35,"path":36,"stem":37},"Specifications","/products/specifications","2.products/4.specifications",{"title":39,"path":40,"stem":41},"Product badges","/products/product-badges","2.products/5.product-badges",{"title":43,"path":44,"stem":45},"Size chart","/products/size-chart","2.products/6.size-chart",{"title":47,"path":48,"stem":49},"Color swatches","/products/color-swatches","2.products/7.color-swatches",{"title":51,"path":52,"stem":53},"Quick view modal","/products/quick-view-modal","2.products/8.quick-view-modal",{"title":55,"icon":6,"path":56,"stem":57,"children":58,"page":6},"Collections","/collections","3.collections",[59,63,67],{"title":60,"path":61,"stem":62},"Collection page","/collections/collection-page","3.collections/1.collection-page",{"title":64,"path":65,"stem":66},"Subcollections","/collections/subcollections","3.collections/2.subcollections",{"title":68,"path":69,"stem":70},"Promotion cards","/collections/promotion-cards","3.collections/3.promotion-cards",{"title":72,"icon":6,"path":73,"stem":74,"children":75,"page":6},"Cart","/cart","4.cart",[76,80],{"title":77,"path":78,"stem":79},"Cart drawer","/cart/cart-drawer","4.cart/1.cart-drawer",{"title":81,"path":82,"stem":83},"Free shipping bar","/cart/free-shipping-bar","4.cart/2.free-shipping-bar",{"title":85,"icon":6,"path":86,"stem":87,"children":88,"page":6},"Header & Footer","/header-footer","5.header-footer",[89,93,97,101,105,109],{"title":90,"path":91,"stem":92},"Header","/header-footer/header","5.header-footer/1.header",{"title":94,"path":95,"stem":96},"Navigation","/header-footer/navigation","5.header-footer/2.navigation",{"title":98,"path":99,"stem":100},"Mega menus","/header-footer/mega-menus","5.header-footer/3.mega-menus",{"title":102,"path":103,"stem":104},"Announcement bar","/header-footer/announcement-bar","5.header-footer/4.announcement-bar",{"title":106,"path":107,"stem":108},"Promotion bar","/header-footer/promotion-bar","5.header-footer/5.promotion-bar",{"title":110,"path":111,"stem":112},"Footer","/header-footer/footer","5.header-footer/6.footer",{"title":114,"icon":6,"path":115,"stem":116,"children":117,"page":6},"Theme features","/theme-features","6.theme-features",[118,122],{"title":119,"path":120,"stem":121},"Newsletter popup","/theme-features/newsletter-popup","6.theme-features/1.newsletter-popup",{"title":123,"path":124,"stem":125},"Headings","/theme-features/headings","6.theme-features/2.headings",{"id":127,"title":14,"body":128,"description":332,"extension":333,"links":334,"meta":335,"navigation":336,"path":15,"seo":337,"stem":16,"__hash__":338},"docs/1.introduction/2.section-structure.md",{"type":129,"value":130,"toc":323},"minimark",[131,135,139,147,154,198,202,215,218,275,291,297,303,308,317],[132,133,134],"p",{},"Sections are the building blocks of every page in the Atlas theme. Each section follows a consistent structure, and most share the same library of reusable content blocks. This guide explains how sections are organized and how to use blocks to build your content.",[136,137,14],"h2",{"id":138},"section-structure",[132,140,141,142,146],{},"Using the ",[143,144,145],"strong",{},"Collection list"," section as an example, the hierarchy is organized as follows:",[132,148,149],{},[150,151],"img",{"alt":152,"src":153},"Collection list section structure","/section-structure.jpg",[155,156,157,164,169],"ol",{},[158,159,160,163],"li",{},[143,161,162],{},"Section"," (blue) — the outermost container. Select it to access section settings.",[158,165,166,168],{},[143,167,90],{}," (red) — many sections include a dedicated header group. Add or edit theme blocks here to customize the section's heading area.",[158,170,171,174,175,177,178,181,182,185,186,189,190,193,194,197],{},[143,172,173],{},"Content"," (green) — the primary content area. In the ",[143,176,145],{}," example, these are the individual collections to display. In content-focused sections like ",[143,179,180],{},"Rich text"," or ",[143,183,184],{},"Image with text",", you can add and arrange theme blocks such as ",[143,187,188],{},"Heading",", ",[143,191,192],{},"Paragraph",", and ",[143,195,196],{},"Button"," to compose your layout.",[136,199,201],{"id":200},"theme-blocks","Theme blocks",[132,203,204,205,208,209,214],{},"The Atlas theme provides a set of ",[143,206,207],{},"theme blocks"," — reusable content components shared across sections. A ",[143,210,211],{},[212,213,188],"a",{"href":124}," block, for example, works the same way regardless of which section it appears in.",[132,216,217],{},"The following blocks are available:",[219,220,221,223,226,229,232,235,238,241,244,247,249,252,255,258,261,263,266,269,272],"ul",{},[158,222,196],{},[158,224,225],{},"Button group",[158,227,228],{},"Caption",[158,230,231],{},"Countdown timer",[158,233,234],{},"Counter",[158,236,237],{},"Custom Liquid",[158,239,240],{},"Custom spacing",[158,242,243],{},"Discount code button",[158,245,246],{},"Email signup",[158,248,188],{},[158,250,251],{},"Icon",[158,253,254],{},"Image",[158,256,257],{},"Logo",[158,259,260],{},"Multicolumn",[158,262,192],{},[158,264,265],{},"Rating",[158,267,268],{},"Social icons",[158,270,271],{},"Text with icons",[158,273,274],{},"Video",[132,276,277,278,280,281,189,284,193,287,290],{},"Each block has its own settings for fine-grained control. For example, the ",[143,279,188],{}," block lets you configure the ",[143,282,283],{},"Heading size",[143,285,286],{},"Color",[143,288,289],{},"SEO tag",".",[132,292,293,294,296],{},"The following example shows a ",[143,295,180],{}," section populated with various theme blocks:",[132,298,299],{},[150,300],{"alt":301,"src":302},"Rich text section theme blocks","/theme-blocks.jpg",[304,305,307],"h3",{"id":306},"nested-blocks","Nested blocks",[132,309,310,311,313,314,316],{},"Some blocks support nesting, letting you group related elements into a single unit. For example, the ",[143,312,225],{}," block can contain multiple ",[143,315,196],{}," blocks, so you can display several buttons side by side in one row.",[132,318,319],{},[150,320],{"alt":321,"src":322},"Nested theme blocks","/nested-theme-blocks.jpg",{"title":324,"searchDepth":325,"depth":325,"links":326},"",2,[327,328],{"id":138,"depth":325,"text":14},{"id":200,"depth":325,"text":201,"children":329},[330],{"id":306,"depth":331,"text":307},3,"Learn about the structure of sections and blocks in the Atlas theme.","md",null,{},true,{"title":14,"description":332},"30TZEPaAIfNZbBMU5A2hRLX43Je6xeKikWIVWecDFec",[340,342],{"title":5,"path":11,"stem":12,"description":341,"children":-1},"Get started with the Atlas Shopify theme",{"title":23,"path":24,"stem":25,"description":343,"children":-1},"Learn how to use and customize the product page",1771425625268]