Shopify home page
Assemble templates/index.json from a few strong, full-width sections. Each
is its own sections/*.liquid with a {% schema %} and a presets entry so
it can be reordered in the editor.
Hero (sections/hero.liquid)
- Full-bleed image or video,
min-height: 90vh, runs under the transparent header. Minimal overlay copy: eyebrow, one display line, one text link. - Settings:
image/video,heading,subheading,cta_label,cta_link,text_position,overlay_opacity.
Editorial split (sections/editorial.liquid)
- 50/50 image + text, alternating side per instance. Large image, sparse copy, tracked-uppercase link. Blocks let merchants stack a few.
Featured product grid (sections/featured-collection.liquid)
- Pull products from a
collectionsetting:{% for product in collections[section.settings.collection].products limit: section.settings.count %}. - Render each card with a shared
{% render 'product-card', product: product %}snippet (tall 4:5 image, hover swaps to the second image, name + price in quiet type). 2–3 per row, big gutters.
Lookbook / marquee (sections/lookbook.liquid)
- Either a horizontal edge-to-edge image row (scroll-snap) or a slow auto-marquee of campaign imagery. Optional shoppable hotspots via blocks.
Rules
- Every string, image, link, and count is a setting — nothing hardcoded.
- Reuse the
product-cardsnippet on collection and PDP related-products so cards are identical everywhere. - Lean on
luxury-storefront-aestheticfor spacing/type andshopify-theme-sectionfor correct schema/blocks/presets.