Homepage sections
Every section you can drag onto a page.
- →Sections overviewEvery section you can drag onto a homepage (or any non-product / non-collection page).
- →SlideshowFull-width image slides with overlay copy and CTA.
- →Hero bannerSingle full-width hero image with overlay text and CTAs.
- →Video heroBackground video (uploaded or YouTube/Vimeo) with overlay copy.
- →Featured collectionProduct grid pulled from a specific collection, with carousel option.
- →Featured productShowcase one product with full purchase flow inside a homepage section.
- →Collection listGrid of collection cards (image + title + product count).
- →Lookbook gridEditorial image grid with 1-2-2 / 2-2-2 / 1-1-1 layout patterns.
- →Shoppable imageOne large image with hotspot dots that open product cards on hover/tap.
- →TestimonialsCustomer quotes in a grid or carousel with optional star rating and author photo.
- →Before / afterTwo-image comparison with a draggable handle.
- →CountdownDays/hours/minutes/seconds countdown with end-state behavior.
- →FAQ sectionAccordion-style Q&A block.
- →NewsletterInline email signup section.
- →Newsletter popupModal that opens after a delay or scroll trigger.
- →Image with text50/50 image + text block. Brand storytelling staple.
- →Text columns2–4 column text block — values, USPs, brand pillars.
- →Rich textFree-form editorial text section.
- →TimelineVertical timeline of milestones with year + heading + body.
- →Icon listHorizontal row of icon + label items — typically a payment / shipping / certification strip.
- →Blog posts (Journal preview)Latest articles from a blog as cards on the homepage.
- →Recently viewedPer-customer carousel of products they've recently looked at.
- →Product list (manual)Hand-picked product carousel — choose specific products instead of a collection.
- →Product recommendationsShopify-powered "Customers also bought" carousel.
- →MapEmbedded Google Map for store locations.
- →Page heroTitle hero for non-product/collection pages (About, Stories, Contact).
- →Custom LiquidDrop your own Liquid / HTML / CSS / JS into a section anywhere.
- →FeedEditorial mixed-media feed — alternating image, text, and product cards.
