[{"data":1,"prerenderedAt":404},["ShallowReactive",2],{"navigation_docs":3,"-products-specifications":126,"-products-specifications-surround":399},[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":35,"body":128,"description":392,"extension":393,"links":394,"meta":395,"navigation":396,"path":36,"seo":397,"stem":37,"__hash__":398},"docs/2.products/4.specifications.md",{"type":129,"value":130,"toc":387},"minimark",[131,147,152,159,166,291,295,298],[132,133,134,135,138,139,142,143,146],"p",{},"The ",[136,137,35],"strong",{}," block displays product specifications as a neatly formatted table on your product pages. Atlas supports two configuration approaches: a ",[136,140,141],{},"single metafield"," for simplicity, or ",[136,144,145],{},"separate metafields"," for greater flexibility.",[148,149,151],"h2",{"id":150},"single-metafield-recommended","Single metafield (recommended)",[132,153,154,155,158],{},"The simplest way to manage specifications is with a single ",[136,156,157],{},"Rich text"," metafield. You enter your specifications as a bullet list, and the theme automatically converts them into a table on the product page.",[132,160,161],{},[162,163],"img",{"alt":164,"src":165},"Configuration using a rich text metafield","/product-specs-rich-text.jpg",[167,168,170,175,207,211,247,251,273,283],"steps",{"level":169},"4",[171,172,174],"h4",{"id":173},"create-the-specifications-metafield","Create the specifications metafield",[176,177,178,192,198],"ol",{},[179,180,181,182,185,186,185,189,191],"li",{},"In your Shopify admin, go to ",[136,183,184],{},"Settings"," > ",[136,187,188],{},"Metafields",[136,190,18],{},".",[179,193,194,195,191],{},"Click ",[136,196,197],{},"Add definition",[179,199,200,201,203,204,191],{},"Enter a name (e.g., \"Specifications\"), set the type to ",[136,202,157],{},", and click ",[136,205,206],{},"Save",[171,208,210],{"id":209},"connect-the-metafield-to-the-specifications-block","Connect the metafield to the Specifications block",[176,212,213,222,232,243],{},[179,214,215,216,219,220,191],{},"Open the ",[136,217,218],{},"Theme editor"," and navigate to a ",[136,221,23],{},[179,223,224,225,227,228,231],{},"Select the ",[136,226,35],{}," block in the ",[136,229,230],{},"Product"," section.",[179,233,234,235,238,239,242],{},"Next to the ",[136,236,237],{},"Content"," field, click the ",[136,240,241],{},"Connect dynamic source"," icon and select the metafield you just created.",[179,244,194,245,191],{},[136,246,206],{},[171,248,250],{"id":249},"fill-in-your-specifications","Fill in your specifications",[176,252,253,256,265],{},[179,254,255],{},"In your Shopify admin, open the product you want to add specifications to.",[179,257,258,259,261,262,264],{},"Scroll down to the ",[136,260,188],{}," area and click on the ",[136,263,35],{}," field.",[179,266,267,268,272],{},"Enter your specifications as a bullet list using the ",[269,270,271],"code",{},"Label: Value"," format:",[274,275,280],"pre",{"className":276,"code":278,"language":279},[277],"language-text","- Weight: 500g\n- Material: Metal, Wood\n- Color: Red\n","text",[269,281,278],{"__ignoreMap":282},"",[176,284,286],{"start":285},4,[179,287,194,288,290],{},[136,289,206],{},". The specifications will now appear as a table on the product page.",[148,292,294],{"id":293},"separate-metafields","Separate metafields",[132,296,297],{},"Alternatively, you can create a dedicated metafield for each specification type (e.g., one for \"Weight\", one for \"Material\", one for \"Color\"). This approach is useful when you want to reuse these metafields for other purposes, such as building collection filters.",[167,299,300,304,335,339,355,361,365,372,375,381],{"level":169},[171,301,303],{"id":302},"create-your-specification-metafields","Create your specification metafields",[176,305,306,314,320],{},[179,307,181,308,185,310,185,312,191],{},[136,309,184],{},[136,311,188],{},[136,313,18],{},[179,315,316,317,319],{},"For each specification type, click ",[136,318,197],{}," and create a metafield.",[179,321,322,323,326,327,330,331,334],{},"Note the ",[136,324,325],{},"key"," of each metafield (e.g., ",[269,328,329],{},"custom.weight",", ",[269,332,333],{},"custom.material",").",[171,336,338],{"id":337},"define-the-metafields-in-theme-settings","Define the metafields in theme settings",[176,340,341,352],{},[179,342,343,344,346,347,185,350,191],{},"In the ",[136,345,218],{},", open ",[136,348,349],{},"Theme settings",[136,351,35],{},[179,353,354],{},"In the text field, enter the key of each metafield on a separate line:",[274,356,359],{"className":357,"code":358,"language":279},[277],"custom.weight\ncustom.material\ncustom.battery_life\n",[269,360,358],{"__ignoreMap":282},[171,362,364],{"id":363},"customize-the-specification-labels-optional","Customize the specification labels (optional)",[132,366,367,368,371],{},"By default, the theme derives the display label from the metafield key. For example, ",[269,369,370],{},"custom.battery_life"," will appear as \"Battery life\" in the table.",[132,373,374],{},"To set a custom label, prepend the metafield key with your preferred name followed by a colon:",[274,376,379],{"className":377,"code":378,"language":279},[277],"custom.weight\ncustom.material\nBattery life (in days):custom.battery_life\n",[269,380,378],{"__ignoreMap":282},[132,382,383,384,386],{},"In this example, the ",[269,385,370],{}," specification will display as \"Battery life (in days)\".",{"title":282,"searchDepth":388,"depth":388,"links":389},2,[390,391],{"id":150,"depth":388,"text":151},{"id":293,"depth":388,"text":294},"Learn how to configure and display product specifications on product pages","md",null,{},true,{"title":35,"description":392},"kyCkWlr5FiDrtZ0d844Bw9qKx2u8tFtqhJ0cVExTKmQ",[400,402],{"title":31,"path":32,"stem":33,"description":401,"children":-1},"Learn how to configure complementary products on product pages",{"title":39,"path":40,"stem":41,"description":403,"children":-1},"Learn how to configure and display product badges on product cards and product pages",1771425625268]