Skip to main content

Promo / Hero Banner

The Promo / Hero Banner is the first section visitors see when landing on the homepage. It features large, eye-catching banners with promotional content, product launches, or brand messaging.

Promo Hero Banner

Legacy homepage hero

Version 1.7.9 adds a new Homepage Hero. This Promo / Hero Banner is shown only while Use New Homepage Hero is turned off on the Home V2 page. Keep this section if you may need to switch back.

July 2026 update

Promo / Hero Banner has been upgraded with responsive image fields and slide timing controls.

How to Setup Promo / Hero Banner​

On the left-hand side menu, navigate to Pages and click All Pages.

WordPressStep1

In WordPress Pages section, scroll down to find Home — Front Page and click Edit to begin.

WordPressStep2

Under [page] - Home V2 section, click Add Section to get started.

Click Add Section

In the case of setting up a Promo / Hero Banner section, select Promo / Hero Banner

Select Promo Hero Banner

Before editing slides, configure the section-level timing:

Slide Delay Timing

  • Default Slide Delay (ms): autoplay delay for all slides.
  • Recommended start value: 4000 (4 seconds).
  • Allowed range: 1000 to 30000.

If a slide does not have its own delay value, this default delay is used.

Slide fields (updated)​

Click Add Row to add each slide. Promo Hero Banner Settings

FieldDescription
Desktop ImageMain image for desktop and tablet.
Mobile Image (optional)Shown on mobile screens up to 767px. If left empty, the Desktop Image is used.
Legacy Image (fallback)Used only when Desktop Image is not set. Keep this for backward compatibility on older entries.
TitleMain headline text, for example NEW COLLECTION 2026.
TextSupporting message shown below the title.
CTAOptional button with a label and link, for example Shop Now.
Slide Delay (ms) (optional)Overrides timing for one slide only. Leave empty to use Default Slide Delay (ms).

Here is an example of a banner setup with 1 slide.

Example Banner Setup

Once you're ready to publish changes, click Update or Publish on the right-hand side.

Click Update or Publish