[{"data":1,"prerenderedAt":310},["ShallowReactive",2],{"navigation_docs":3,"-products-product-badges":126,"-products-product-badges-surround":305},[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":39,"body":128,"description":298,"extension":299,"links":300,"meta":301,"navigation":302,"path":40,"seo":303,"stem":41,"__hash__":304},"docs/2.products/5.product-badges.md",{"type":129,"value":130,"toc":292},"minimark",[131,140,146,151,162,267,271,274],[132,133,134,135,139],"p",{},"The ",[136,137,138],"strong",{},"Product Badges"," feature lets you add customizable badges to product cards and product pages. Badges are powered by Shopify metaobjects, giving you full control over each badge's label and color.",[132,141,142],{},[143,144],"img",{"alt":39,"src":145},"/product-badges.png",[147,148,150],"h2",{"id":149},"setting-up-product-badges","Setting up Product Badges",[132,152,153,154,157,158,161],{},"Product badges require two pieces of custom data: a ",[136,155,156],{},"metaobject definition"," that describes what a badge looks like (label and color), and a ",[136,159,160],{},"product metafield"," that assigns badges to individual products.",[163,164,166,171,220,226,230,261],"steps",{"level":165},"4",[167,168,170],"h4",{"id":169},"create-the-badge-metaobject","Create the badge metaobject",[172,173,174,186,196,214],"ol",{},[175,176,177,178,181,182,185],"li",{},"In your Shopify admin, go to ",[136,179,180],{},"Settings"," > ",[136,183,184],{},"Metafields and metaobjects",".",[175,187,188,189,192,193,185],{},"Scroll down to ",[136,190,191],{},"Metaobject definitions"," and click ",[136,194,195],{},"Add definition",[175,197,198,199],{},"Add the following two fields — the names must match exactly:\n",[200,201,202,208],"ul",{},[175,203,204,207],{},[136,205,206],{},"Label"," — Single line text",[175,209,210,213],{},[136,211,212],{},"Color"," — Color",[175,215,216,217,185],{},"Click ",[136,218,219],{},"Save",[132,221,222],{},[143,223],{"alt":224,"src":225},"Custom badge metaobject configuration","/custom-badges-advanced.jpg",[167,227,229],{"id":228},"create-the-product-metafield","Create the product metafield",[172,231,232,243,250,257],{},[175,233,234,235,181,237,181,239,192,241,185],{},"Go back to ",[136,236,180],{},[136,238,184],{},[136,240,18],{},[136,242,195],{},[175,244,245,246,249],{},"Set the type to ",[136,247,248],{},"Metaobject"," and select the badge metaobject you just created.",[175,251,252,253,256],{},"Enable ",[136,254,255],{},"List of entries"," so you can assign multiple badges to a single product.",[175,258,216,259,185],{},[136,260,219],{},[132,262,263],{},[143,264],{"alt":265,"src":266},"Product metafield referencing the badge metaobject","/custom-badges-advanced-metafield.jpg",[147,268,270],{"id":269},"assigning-badges-to-a-product","Assigning badges to a product",[132,272,273],{},"Once the custom data is in place, you can assign badges to any product.",[172,275,276,279,285,288],{},[175,277,278],{},"In your Shopify admin, open the product you want to add badges to.",[175,280,188,281,284],{},[136,282,283],{},"Metafields"," and click the input next to your badges field.",[175,286,287],{},"Select an existing badge or create a new one with your desired label and color.",[175,289,216,290,185],{},[136,291,219],{},{"title":293,"searchDepth":294,"depth":294,"links":295},"",2,[296,297],{"id":149,"depth":294,"text":150},{"id":269,"depth":294,"text":270},"Learn how to configure and display product badges on product cards and product pages","md",null,{},true,{"title":39,"description":298},"F-bNA18-LsS0uCrt-GN0px-L2InFYwvJGDa3OiV5j3o",[306,308],{"title":35,"path":36,"stem":37,"description":307,"children":-1},"Learn how to configure and display product specifications on product pages",{"title":43,"path":44,"stem":45,"description":309,"children":-1},"Learn how to set up and display size charts",1771425625268]