Commerce sections

01 / Collections

Featured collections, spotlights and tabs

Featured collection editorial is the primary product row or grid. Collection spotlight adds stronger campaign media. Collection tabs switches between up to eight merchant-selected collections without leaving the page.

• Choose a grid for comparison and a carousel for progressive discovery.
• Use Collection tabs when the customer needs to compare departments or edits in the same visual position.
• Keep Quick Shop consistent with the product template.
• Use zero gap only when product photography is prepared for it.

02 / Mixed media

Products with media and campaign grid

Products with media inserts editorial assets into a product-led composition. Campaign grid is more flexible and can mix selected products, collections and media blocks.

03 / Cross-selling

Shop the look and recommendations

Shop the look connects product hotspots to a campaign image. Its optional multi-product action adds eligible one-variant items together while keeping size, colour and other option choices explicit in Quick Shop. Related and complementary product sections use Shopify recommendations.

• Select products that are genuinely visible in the look image.
• Keep hotspot targets large enough on touch devices.
• Never describe option-dependent products as already added.
• Use complementary recommendations near the purchase decision and related products lower on the page.

04 / Supporting conversion

Countdown and trust badges

Countdown grid is suitable for verified launch or campaign deadlines. Trust badges communicate actual delivery, returns, payment or customer-care policies.