[{"data":1,"prerenderedAt":404},["ShallowReactive",2],{"navigation_docs":3,"-collections-promotion-cards":126,"-collections-promotion-cards-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":68,"body":128,"description":392,"extension":393,"links":394,"meta":395,"navigation":396,"path":69,"seo":397,"stem":70,"__hash__":398},"docs/3.collections/3.promotion-cards.md",{"type":129,"value":130,"toc":380},"minimark",[131,138,141,146,208,212,233,237,245,249,253,256,292,295,300,346,350,370],[132,133,134,137],"p",{},[135,136,68],"strong",{}," are image overlay cards that you can insert into the product grid on collection pages. Use them to highlight sales, new arrivals, seasonal campaigns, or any other content you want to feature alongside your products.",[132,139,140],{},"Promotion cards appear on the first page of results only and are inserted between products — they don't replace any products in the grid.",[142,143,145],"h2",{"id":144},"adding-a-promotion-card","Adding a promotion card",[147,148,150,155,170,174,183,187,201,205],"steps",{"level":149},"4",[151,152,154],"h4",{"id":153},"open-the-theme-editor","Open the Theme Editor",[132,156,157,158,161,162,165,166,169],{},"In your Shopify admin, go to ",[135,159,160],{},"Online Store"," > ",[135,163,164],{},"Themes"," and click ",[135,167,168],{},"Customize"," on the Atlas theme.",[151,171,173],{"id":172},"navigate-to-a-collection-page","Navigate to a collection page",[132,175,176,177,161,179,182],{},"Use the page selector in the top bar to switch to ",[135,178,55],{},[135,180,181],{},"Default collection",".",[151,184,186],{"id":185},"add-a-promotion-card-block","Add a promotion card block",[132,188,189,190,193,194,197,198,182],{},"In the left sidebar, click the ",[135,191,192],{},"Product grid"," section, then click ",[135,195,196],{},"Add block"," and select ",[135,199,200],{},"Promotion card",[151,202,204],{"id":203},"configure-the-card","Configure the card",[132,206,207],{},"Upload an image, adjust the position and content settings, then add content blocks like headings, text, and buttons. See the settings below for details.",[142,209,211],{"id":210},"image","Image",[213,214,215,221,227],"ul",{},[216,217,218,220],"li",{},[135,219,211],{}," — the card image. A portrait orientation is recommended to match the product card layout.",[216,222,223,226],{},[135,224,225],{},"Image (mobile)"," — an optional mobile-specific image.",[216,228,229,232],{},[135,230,231],{},"Fill available height"," — when enabled, the card stretches to match the height of the tallest item in its row, which may crop the image. When disabled, the card sizes to its natural content height.",[142,234,236],{"id":235},"position","Position",[213,238,239],{},[216,240,241,244],{},[135,242,243],{},"Position in the grid"," — the grid slot where the card appears (1–50). The card is inserted before the product at that position, pushing it and subsequent products down. This applies to the first page of results only.",[246,247,248],"note",{},"If you have multiple promotion cards, each one's position is independent. Make sure their positions don't overlap, or they will stack next to each other in the grid.",[142,250,252],{"id":251},"content","Content",[132,254,255],{},"Promotion cards support the following content blocks, which you can add, remove, and reorder:",[213,257,258,263,268,273,282,287],{},[216,259,260],{},[135,261,262],{},"Heading",[216,264,265],{},[135,266,267],{},"Paragraph",[216,269,270],{},[135,271,272],{},"Caption",[216,274,275,278,279],{},[135,276,277],{},"Button"," / ",[135,280,281],{},"Button group",[216,283,284],{},[135,285,286],{},"Custom spacing",[216,288,289],{},[135,290,291],{},"Custom Liquid",[132,293,294],{},"By default, a new promotion card comes with a heading, a paragraph, and a button.",[296,297,299],"h3",{"id":298},"content-position","Content position",[213,301,302,337],{},[216,303,304,306,307,310,311,310,314,310,317,310,320,323,324,310,327,310,330,333,334,182],{},[135,305,299],{}," — controls where the content sits within the card. Nine positions are available, arranged in a 3×3 grid: ",[135,308,309],{},"Top left",", ",[135,312,313],{},"Top center",[135,315,316],{},"Top right",[135,318,319],{},"Middle left",[135,321,322],{},"Middle center"," (default), ",[135,325,326],{},"Middle right",[135,328,329],{},"Bottom left",[135,331,332],{},"Bottom center",", and ",[135,335,336],{},"Bottom right",[216,338,339,342,343,182],{},[135,340,341],{},"Content position (mobile)"," — override the content position on mobile, or choose ",[135,344,345],{},"Same as desktop",[142,347,349],{"id":348},"colors","Colors",[213,351,352,358,364],{},[216,353,354,357],{},[135,355,356],{},"Text"," — the text color for all content within the card. Defaults to white.",[216,359,360,363],{},[135,361,362],{},"Overlay color"," — the color of the overlay placed on top of the image behind the content. Defaults to black.",[216,365,366,369],{},[135,367,368],{},"Overlay opacity"," — controls the transparency of the overlay (0–100%). A lower value lets more of the image show through. Defaults to 20%.",[246,371,372,373,376,377,379],{},"Promotion cards are automatically hidden when customers are filtering the collection. This behavior can be changed with the ",[135,374,375],{},"Hide promotion cards when filtering"," setting in the ",[135,378,192],{}," section",{"title":381,"searchDepth":382,"depth":382,"links":383},"",2,[384,385,386,387,391],{"id":144,"depth":382,"text":145},{"id":210,"depth":382,"text":211},{"id":235,"depth":382,"text":236},{"id":251,"depth":382,"text":252,"children":388},[389],{"id":298,"depth":390,"text":299},3,{"id":348,"depth":382,"text":349},"Learn how to add promotional cards to the collection product grid","md",null,{},true,{"title":68,"description":392},"ZQQzbiBDv96yQ_y9ese6LdIbMSjbDO0M2m1RLcAGtIQ",[400,402],{"title":64,"path":65,"stem":66,"description":401,"children":-1},"Learn how to display subcollections on collection pages using metafields",{"title":77,"path":78,"stem":79,"description":403,"children":-1},"Learn how to enable, configure, and customize the cart drawer",1771425625268]