Storefront
A rotating hero that turns the top of your storefront into prime real estate.
Pick a height — from a compact 400px banner up to a full-screen Cover. Stack 3–6 slides, each with its own image, headline, button, and start/end dates. Slides rotate automatically, swipe-friendly on phones, and adapt to your template width.
What it does
A rotating slider that sits at the top of your storefront, above the catalog. Each slide is one image with optional title, subtitle, and CTA button (same tab or new tab). Five desktop heights — Compact 400px, Normal 600px, Tall 800px, Hero 75% screen, Cover full screen — and Hero / Cover render full-viewport on mobile too with a built-in scroll-down arrow. Per-slide settings: 3×3 text-position grid, custom text colour, semi-transparent overlay (0–80% opacity) for legibility over busy photos, and three transition effects (fade, slide, zoom). Separate desktop and mobile image uploads so portrait crops don't look squashed. Scheduling and visibility — start / end dates, business-hours-only toggle, manual on/off without deleting.
Who it's for
Any merchant whose storefront leads with visuals. Fashion and retail rotating new arrivals, sales, and gift cards. Restaurants featuring weekend brunch and seasonal menus. Salons and clinics promoting packages, gift vouchers, and current treatments. Property and automotive showcasing featured listings. Real estate, photographers, and high-ticket B2B who use the storefront as a portfolio more than a checkout.
How it works
- Enable Carousels in Settings > Apps and pick a height — Normal (600px) is the safe default; choose Hero or Cover if you want a full-viewport landing.
- In Apps > Carousels click Create. Upload a desktop image, optionally a mobile image, add a headline + button, and pick text position / colour / overlay opacity.
- Schedule the slide's start / end date, choose a transition effect, and save. Drag slides to reorder; toggle Active to retire seasonal slides without deleting them.
When to use it
Reach for Carousels when you have multiple visual messages worth rotating in the hero — a current promo + a new collection + a brand story, for example. Use Pop-ups & Banners instead for time-critical announcements (closure dates, age gates, coupon codes), and PromoCards when you want every message visible at once instead of rotating one-at-a-time.
Frequently asked questions
Will the carousel adapt to phones?
Yes. Compact, Normal, and Tall heights respect your image's natural aspect ratio on mobile so portrait shots aren't stretched. Hero and Cover render full-screen on mobile too, with the scroll-down arrow positioned within the visible viewport — they auto-account for the top navigation and any active announcement bar.
Can I show different images on desktop and mobile?
Yes. Each slide accepts a separate mobile image — useful when your desktop banner is wide-landscape but you want a portrait-cropped version on phones. Skip the mobile upload and the desktop image is reused on every screen.
Can I schedule a slide to appear and disappear automatically?
Yes. Each slide has a start and end date, plus a "Show When" toggle to restrict it to business hours or after-hours. Useful for time-sensitive promos like a 3-day flash sale or a closed-for-holiday notice — the slide flips on and off on its own.
Does the carousel auto-rotate?
Yes — every 5 seconds. Auto-play pauses when a visitor hovers or focuses the carousel and resumes when they leave. Visitors can also navigate with side arrows, indicator dots, swipe gestures on touch devices, or the keyboard arrow keys.
How is this different from PromoCards or Pop-ups?
Carousels rotate one slide at a time at the very top of the storefront. PromoCards show all cards at once in a grid and can sit in four positions across the page (top, between categories, before the footer). Pop-ups & Banners are interruptive — a modal on visit or a slim top-bar — best for must-see, time-sensitive messages.
Cover or Hero — which one should I pick?
Use Cover for a true full-viewport landing where the carousel is the entire above-the-fold experience (think Apple, Airbnb). Use Hero (75% screen) for the "peek" pattern — the hero dominates but a sliver of catalog peeks below, inviting the visitor to scroll. Both look best with the Page frame width set to Full width — the boxed frame leaves side margins that break the edge-to-edge feel.
Related features
PromoCards
Three feature cards at the top of the page. A category-specific promo under "Drinks". Trust-badge tiles before...
Learn more →Pop-ups & Banners
A "Pick a delivery date" pop-up before browsing. A "Closed for Hari Raya" top-bar with a countdown. An age ver...
Learn more →Custom Pages
Add an About page, a FAQ, your refund policy, terms of service, or a story behind the brand. Customers want to...
Learn more →Your storefront, live today.
Publish your first catalog in under an hour. Upgrade features as you grow — no migration, no rebuild.
Create your storefront