Standalone banner

A full-width or contained image/video banner that can hold a single slide or a slideshow of several slides, each with its own image or video, optional overlay, and optional title text. It appears as its own section wherever you place it on a page.

Section Header

An optional heading shown above the banner slider itself, separate from any text on the slides.

• Section Title - the main heading text shown above the banner. Leave empty to hide it.
• Subtitle - smaller supporting text shown under the section title.
• Title Font Weight - how bold the section title text appears, from Light to Extrabold.
• Subtitle Font Weight - how bold the subtitle text appears, from Light to Extrabold.
• Eyebrow (above title) - a short line of text shown just above the section title, handy for a small tagline such as “New Arrivals”. Leave it empty to hide it.
• Eyebrow Style - how the eyebrow looks: Plain text, With Line (a short line before the text), or Pill (the text inside a small rounded badge).
• Eyebrow Font Weight - how bold the eyebrow text appears, from Light to Extrabold.
• Eyebrow Color - the color of the eyebrow text. If left empty, the theme’s accent color is used.
• Badge Background Color - the fill color behind the eyebrow text. Only shows when Eyebrow Style is set to Pill.
• Main Title Color (optional) - a custom color for the section title. Leave it empty to keep the default color.
• Subtitle Color (optional) - a custom color for the subtitle. Leave it empty to keep the default color.

Autoplay Slides

When turned on, the banner automatically advances to the next slide on its own. When off, visitors must click an arrow, a dot, or swipe to change slides.

Slide Duration (Seconds)

How many seconds each slide stays on screen before autoplay moves to the next one. Only matters when Autoplay Slides is on.

Pagination Style

How the slide position indicator looks below the banner: small dots, page numbers (like “1 / 4”), or no indicator at all.

Show Navigation Arrows

Adds left/right arrow buttons on top of the banner so visitors can click through slides manually.

Banner Aspect Ratio (Desktop)

Controls the shape of the banner on desktop screens - from the original photo proportions to fixed shapes like a wide 16:9 strip, a 3:1 wide banner, 4:3, a 1:1 square, or a tall 3:4 portrait. Choosing a fixed ratio crops the image to fit; “Original image size” keeps the photo’s natural proportions.

Banner Aspect Ratio (Mobile)

The same aspect-ratio choice as above (without the 3:1 option, and with an extra Portrait 9:16 (phone video) option - a tall vertical shape that suits videos filmed on a phone), but applied only when the storefront is viewed on a phone or small screen - useful since a wide desktop banner often needs a taller shape on mobile.

Fit to Screen Height

Keeps the banner from growing taller than the visitor’s screen, so the whole image or video can be seen without scrolling. When the limit applies, the banner is made smaller and centered on the page.

• Never exceed the screen height (media stays fully visible without scrolling) - when on, the banner’s height is capped using the limits below. When off (the default), the banner is sized only by its aspect ratio and can end up taller than the screen.
• Max Height on Desktop (% of screen height) - the tallest the banner can be on computer screens, as a percentage of the screen’s height (from 40% to 100%).
• Max Height on Mobile (% of screen height) - the same limit, but for phone screens.

Full Width Section

When on, the banner stretches edge-to-edge across the browser window. When off, it stays within the page’s normal content width, matching the rest of the storefront.

Slides

Each slide in the list is one image or video panel in the banner. If you add more than one slide, the banner becomes a slideshow that visitors can move through.

• Banner Type - whether this slide shows an Image or a Video.
• Image - the picture shown for this slide (used when Banner Type is Image).
• Mobile Image (optional - falls back to desktop) - an alternate picture shown only on phones; if left empty, the desktop image is reused.
• Video Source - whether the video comes from an uploaded file or a YouTube link (used when Banner Type is Video).
• Video File - the uploaded video file to play for this slide.
• Mobile Video File (optional - falls back to desktop) - an alternate uploaded video shown only on phones; if left empty, the desktop video is reused.
• Video URL - a YouTube link to play instead of an uploaded file.
• Mobile Video URL (optional) - an alternate YouTube link shown only on phones; if left empty, the desktop video is reused.
• Video Autoplay - when on, the video starts playing automatically without the visitor clicking play.
• Mute Video - when on, the video plays with no sound by default.
• Loop Video - when on, the video restarts automatically after it finishes.
• Enable Overlay - adds a semi-transparent color layer on top of the slide’s image or video, which can help make title text easier to read.
• Overlay Color - the color used for the overlay layer, when Enable Overlay is on.
• Overlay Opacity - how strong the overlay color appears, from barely visible to fully solid. Only matters when Enable Overlay is on.
• Title (optional) - text shown directly on top of the slide’s image or video, such as a short headline.
• Title Color - the color of the title text on the slide.
• Title Font Size - how large the title text appears on the slide.
• Banner Link - a web address that opens when a visitor clicks anywhere on the slide, turning the whole slide into a clickable link.