[{"data":1,"prerenderedAt":299},["ShallowReactive",2],{"navigation_docs":3,"-products-key-features":126,"-products-key-features-surround":294},[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":27,"body":128,"description":287,"extension":288,"links":289,"meta":290,"navigation":291,"path":28,"seo":292,"stem":29,"__hash__":293},"docs/2.products/2.key-features.md",{"type":129,"value":130,"toc":282},"minimark",[131,140,146,151,166,279],[132,133,134,135,139],"p",{},"The ",[136,137,138],"strong",{},"Key Features"," block allows you to highlight up to three important product attributes directly on the product page. This helps customers quickly understand and compare products at a glance.",[132,141,142],{},[143,144],"img",{"alt":27,"src":145},"/key-features.png",[147,148,150],"h2",{"id":149},"setting-up-the-key-features","Setting up the Key Features",[132,152,153,154,157,158,161,162,165],{},"The Key Features block uses ",[136,155,156],{},"product metafields"," to store its content. Each key feature consists of a ",[136,159,160],{},"title"," and a ",[136,163,164],{},"description",", so you will need to create a total of six metafields (two per feature).",[167,168,170,175,211,214,220,224,250,254,273],"steps",{"level":169},"4",[171,172,174],"h4",{"id":173},"create-product-metafields","Create product metafields",[176,177,178,192,198,208],"ol",{},[179,180,181,182,185,186,185,189,191],"li",{},"In your Shopify admin, go to ",[136,183,184],{},"Settings"," > ",[136,187,188],{},"Custom data",[136,190,18],{},".",[179,193,194,195,191],{},"Click ",[136,196,197],{},"Add definition",[179,199,200,201,204,205,191],{},"Enter a name (e.g., \"Key Feature 1 Title\"), set the type to ",[136,202,203],{},"Single line text",", and click ",[136,206,207],{},"Save",[179,209,210],{},"Repeat this for all six metafields.",[132,212,213],{},"Here is an example of a complete metafield setup:",[132,215,216],{},[143,217],{"alt":218,"src":219},"Key features metafield setup","/key-features-metafields.png",[171,221,223],{"id":222},"add-the-key-features-block-to-your-product-page","Add the Key Features block to your product page",[176,225,226,235,245],{},[179,227,228,229,232,233,191],{},"Open the ",[136,230,231],{},"Theme editor"," and navigate to a ",[136,234,23],{},[179,236,237,238,241,242,191],{},"In the ",[136,239,240],{},"Product"," section, click ",[136,243,244],{},"Add block",[179,246,247,248,191],{},"Select ",[136,249,27],{},[171,251,253],{"id":252},"connect-the-metafields","Connect the metafields",[176,255,256,262,269],{},[179,257,258,259,261],{},"Select the ",[136,260,27],{}," block you just added.",[179,263,264,265,268],{},"For each field, click the ",[136,266,267],{},"Connect dynamic source"," icon and assign the corresponding metafield you created earlier.",[179,270,194,271,191],{},[136,272,207],{},[132,274,275],{},[143,276],{"alt":277,"src":278},"Key features connecting metafields","/key-features-connect.png",[132,280,281],{},"Once configured, you can populate the key features for any product by editing its metafields in the Shopify admin. If the metafields are left empty for a given product, the Key Features block will be automatically hidden on that product page.",{"title":283,"searchDepth":284,"depth":284,"links":285},"",2,[286],{"id":149,"depth":284,"text":150},"Learn how to set up and display key product features on product pages","md",null,{},true,{"title":27,"description":287},"Fhm7H3SAjZKw2iVK-L2WUGbo1_2Fu4Yez4FRsOXzSaI",[295,297],{"title":23,"path":24,"stem":25,"description":296,"children":-1},"Learn how to use and customize the product page",{"title":31,"path":32,"stem":33,"description":298,"children":-1},"Learn how to configure complementary products on product pages",1771425625268]