[{"data":1,"prerenderedAt":384},["ShallowReactive",2],{"navigation_docs":3,"-products-size-chart":126,"-products-size-chart-surround":379},[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":43,"body":128,"description":372,"extension":373,"links":374,"meta":375,"navigation":376,"path":44,"seo":377,"stem":45,"__hash__":378},"docs/2.products/6.size-chart.md",{"type":129,"value":130,"toc":366},"minimark",[131,135,140,143,212,216,228,289,293,296],[132,133,134],"p",{},"The size chart feature in the Atlas theme allows you to display a size chart directly in the variant picker.",[136,137,139],"h2",{"id":138},"setting-up-the-size-chart","Setting Up the Size Chart",[132,141,142],{},"To add a size chart to your product page, follow these steps:",[144,145,147,152,175,179],"steps",{"level":146},"4",[148,149,151],"h4",{"id":150},"create-a-size-chart-page","Create a Size Chart Page",[153,154,155,168],"ol",{},[156,157,158,159,163,164,167],"li",{},"In your Shopify admin, navigate to ",[160,161,162],"code",{},"Online Store"," > ",[160,165,166],{},"Pages",".",[156,169,170,171,174],{},"Click on ",[160,172,173],{},"Add page"," and create a new page for your size chart. Include all relevant sizing information and save the page.",[148,176,178],{"id":177},"add-the-size-chart-to-the-product-page","Add the Size Chart to the Product Page",[153,180,181,194,197,205],{},[156,182,183,184,163,186,189,190,193],{},"Open the Theme Editor by going to ",[160,185,162],{},[160,187,188],{},"Themes"," and clicking ",[160,191,192],{},"Edit theme"," on the Atlas theme.",[156,195,196],{},"Navigate to a product page in the theme editor.",[156,198,199,200,204],{},"In the sidebar, find the ",[201,202,203],"strong",{},"Variant Picker"," settings.",[156,206,207,208,211],{},"Under ",[201,209,210],{},"Size chart page",", select the size chart page you created earlier.",[136,213,215],{"id":214},"configuring-the-product-option-name","Configuring the Product Option Name",[217,218,219,220,223,224,227],"warning",{},"By default, the theme displays the size chart next to a product option called ",[201,221,222],{},"\"Size\""," (matched by name). If your product option is named something else — for example, \"Band size\" — or your store is in another language, ",[201,225,226],{},"you will need to configure this manually",". Otherwise, the size chart will not appear.",[144,229,230,234,260,264,279],{"level":146},[148,231,233],{"id":232},"open-the-default-theme-content-settings","Open the Default Theme Content Settings",[153,235,236,243,254],{},[156,237,238,239,163,241,167],{},"In your Shopify admin, go to ",[160,240,162],{},[160,242,188],{},[156,244,245,246,249,250,253],{},"Click on the ",[201,247,248],{},"three dots"," button (",[201,251,252],{},"⋯",") next to the Atlas theme.",[156,255,256,257,167],{},"Click ",[201,258,259],{},"Edit default theme content",[148,261,263],{"id":262},"add-your-custom-option-names","Add Your Custom Option Names",[153,265,266,273],{},[156,267,268,269,272],{},"Select the ",[201,270,271],{},"Configuration"," tab.",[156,274,207,275,278],{},[201,276,277],{},"Size chart options",", enter the name(s) of the product option(s) that should trigger the size chart. You can enter multiple names separated by a comma. For example:",[280,281,286],"pre",{"className":282,"code":284,"language":285},[283],"language-text","Size, Band size\n","text",[160,287,284],{"__ignoreMap":288},"",[136,290,292],{"id":291},"using-metafields-for-size-charts","Using Metafields for Size Charts",[132,294,295],{},"You can also use metafields to assign different size charts to different products. This allows for more flexibility and customization.",[144,297,298,302,326,330,341,345],{"level":146},[148,299,301],{"id":300},"create-a-page-metafield","Create a Page Metafield",[153,303,304,312,320],{},[156,305,158,306,163,309,167],{},[160,307,308],{},"Settings",[160,310,311],{},"Metafields",[156,313,170,314,316,317,167],{},[160,315,18],{}," and then ",[160,318,319],{},"Add definition",[156,321,322,323,167],{},"Create a new metafield definition for your size chart. For example, you can name it \"Size Chart\" and set the type to ",[160,324,325],{},"Page reference",[148,327,329],{"id":328},"assign-size-charts-to-products","Assign Size Charts to Products",[153,331,332,335,338],{},[156,333,334],{},"Go to your product list in the Shopify admin.",[156,336,337],{},"Open a product and scroll down to the metafields section.",[156,339,340],{},"Find the \"Size Chart\" metafield you created and assign the appropriate size chart page to the product.",[148,342,344],{"id":343},"add-the-metafield-to-the-theme-editor","Add the Metafield to the Theme Editor",[153,346,347,355,357,361],{},[156,348,183,349,163,351,189,353,193],{},[160,350,162],{},[160,352,188],{},[160,354,192],{},[156,356,196],{},[156,358,199,359,204],{},[201,360,203],{},[156,362,207,363,365],{},[201,364,210],{},", select the metafield you created for the size chart.",{"title":288,"searchDepth":367,"depth":367,"links":368},2,[369,370,371],{"id":138,"depth":367,"text":139},{"id":214,"depth":367,"text":215},{"id":291,"depth":367,"text":292},"Learn how to set up and display size charts","md",null,{"draft":376},true,{"title":43,"description":372},"m0l6vbPdhK3sPm5yNnpTHn2m1sAYyUGGkUCTMSyrhno",[380,382],{"title":39,"path":40,"stem":41,"description":381,"children":-1},"Learn how to configure and display product badges on product cards and product pages",{"title":47,"path":48,"stem":49,"description":383,"children":-1},"Learn how to set up and display color swatches on product pages, product cards, and collection filters",1771425625268]