[{"data":1,"prerenderedAt":299},["ShallowReactive",2],{"navigation_docs":3,"-collections-subcollections":126,"-collections-subcollections-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":64,"body":128,"description":287,"extension":288,"links":289,"meta":290,"navigation":291,"path":65,"seo":292,"stem":66,"__hash__":293},"docs/3.collections/2.subcollections.md",{"type":129,"value":130,"toc":277},"minimark",[131,135,141,146,273],[132,133,134],"p",{},"Subcollections let you display a row of child collections at the top of any collection page. Using a metafield-based approach, you can manage subcollections per collection without duplicating templates.",[132,136,137],{},[138,139],"img",{"alt":64,"src":140},"/subcollections.png",[142,143,145],"h2",{"id":144},"setting-up-subcollections","Setting up subcollections",[147,148,150,155,206,210,251,255,270],"steps",{"level":149},"3",[151,152,154],"h3",{"id":153},"create-a-metafield-definition","Create a metafield definition",[156,157,158,167,201],"ol",{},[159,160,161,162,166],"li",{},"In your Shopify admin, go to ",[163,164,165],"strong",{},"Settings > Metafields > Collections",".",[159,168,169,170,173,174,177,181],{},"Click ",[163,171,172],{},"Add definition"," and fill in the following fields:",[175,176],"br",{},[138,178],{"alt":179,"src":180},"Subcollections metafield definition","/subcollections-metafield.png",[182,183,184,193],"ul",{},[159,185,186,189,190],{},[163,187,188],{},"Name"," — ",[191,192,64],"code",{},[159,194,195,189,198],{},[163,196,197],{},"Type",[163,199,200],{},"List of collections",[159,202,169,203,166],{},[163,204,205],{},"Save",[151,207,209],{"id":208},"connect-the-metafield-in-the-theme-editor","Connect the metafield in the theme editor",[156,211,212,223,230,236,247],{},[159,213,214,215,218,219,222],{},"Open the ",[163,216,217],{},"Theme editor"," and navigate to a ",[163,220,221],{},"Collection"," template using the top bar.",[159,224,225,226,229],{},"Select the ",[163,227,228],{},"Product grid"," section in the sidebar.",[159,231,232,233,235],{},"In the section settings, find the ",[163,234,64],{}," option.",[159,237,238,239,242,243,246],{},"Click the ",[240,241],"icon-connect-metafield",{}," ",[163,244,245],{},"Connect dynamic source"," button and select the metafield you created.",[159,248,169,249,166],{},[163,250,205],{},[151,252,254],{"id":253},"assign-subcollections-to-a-collection","Assign subcollections to a collection",[156,256,257,260,266],{},[159,258,259],{},"Open any collection in the Shopify admin.",[159,261,262,263,265],{},"Scroll down to the ",[163,264,64],{}," metafield and select the collections you want to display as subcollections.",[159,267,169,268,166],{},[163,269,205],{},[132,271,272],{},"The theme will automatically display the assigned subcollections on that collection page — no template changes needed.",[274,275,276],"note",{},"If you prefer not to use metafields, you can assign subcollections directly in the theme editor. However, this requires duplicating the collection template for every collection that needs different subcollections.",{"title":278,"searchDepth":279,"depth":279,"links":280},"",2,[281],{"id":144,"depth":279,"text":145,"children":282},[283,285,286],{"id":153,"depth":284,"text":154},3,{"id":208,"depth":284,"text":209},{"id":253,"depth":284,"text":254},"Learn how to display subcollections on collection pages using metafields","md",null,{},true,{"title":64,"description":287},"lEmjv7n3bGy3U-u-UmyQP2-ZYryIPAPa-_2lFkrbYe4",[295,297],{"title":60,"path":61,"stem":62,"description":296,"children":-1},"Learn how to use and customize the collection page",{"title":68,"path":69,"stem":70,"description":298,"children":-1},"Learn how to add promotional cards to the collection product grid",1771425625268]