Homepage sections
Collection scroll
A horizontal carousel of products from a collection, perfect for new arrivals or hero categories.
Settings
- Heading + Subheading.
- Collection — source of products. Pick a Shopify collection.
- Products to show — 4-24, depending on how many you want in the carousel.
- Card aspect ratio — 1:1 / 3:4 / 4:5 / square. Affects the product card image proportion.
- Show price / Show compare-at price / Show vendor / Show swatches on the card.
- Show navigation arrows — prev/next buttons on desktop.
- Show dots — pagination indicator at the bottom.
How users navigate it
- Desktop: arrows or scroll wheel.
- Mobile: swipe horizontally. Snap-scroll keeps cards aligned.
Performance
Images on the carousel are lazy-loaded and use Shopify’s responsive image_url with widths optimized for each card aspect ratio. No script needed.