Skip to content

Hero slideshow

A rotating, full-width banner carousel. Each Slide is its own block with independent media, text, and call to action — so you can run multiple promotions in one space.

The Torquex hero slideshow showing one active slide — a dusk overlanding photo of a rooftop-tent rig on a ridge, darkened by an overlay, with the centered uppercase heading "Built for the long haul", supporting copy, and an orange "Shop the store" button, framed by prev/next arrows, a row of three navigation dots, and a play/pause control

Key section settings: Auto-rotate slides (on/off), Change slides every (3–12s), Show arrows, Show dots, Color scheme, and Minimum height (300–900px). The slideshow accepts up to 8 slides. Autoplay pauses on hover and focus, respects the visitor’s reduced-motion preference, and exposes a play/pause control whenever a slide contains video, or when autoplay is on and there is more than one slide.

Slide block settings (per slide):

SettingWhat it does
Slide typeImage or Video background.
Background image / Image alt textThe background image for image slides. Image alt text describes whichever image the slide shows — the background image on image slides, and the fallback image on video slides — so set it for every slide type.
Background video (Shopify-hosted) / Background video URL (YouTube / Vimeo) / Fallback imageVideo sources and a poster image for video slides.
Overlay opacityPer-slide darkening, 0–90%.
Heading / SubheadingSlide copy.
Button label / Button link / Button stylePer-slide call to action (Filled or Outlined).
Content positionLeft, Center, or Right.
Text colorLight or Dark for that slide’s media.

When to use it: Choose the slideshow over a single hero banner when you have multiple headline messages to feature (a sale, a new arrival, and a brand story, for example). For one clear message, the single Hero banner loads lighter and is simpler to manage.

Related: Hero banner · Homepage · Torquex support replies within 12 hours.