Split hero showcase

Section header

Heading: Add the heading of this section. Assisting options and formats: AI Generated content, Bold format, Italic format, and Insert a link.

Heading size: Select the size of the heading: Small, Medium, Large.

Subheading: Add the subheading of the section. 

Description: Add the description of the section. 

Alignment: Choose the alignment of the section header: Default (left) or Center.

Button label: Add text to the button label in the section header.

Button link: Enter the link destination for the button in the section header.

Open this link in a new window: Toggle this ON to open the link in a new window.

Section body

Desktop banner height: Adjust the height of the banner display on the desktop view. Enter a pixel number (e.g. 590 px).

Tablet banner height: Adjust the height of the banner display on the tablet view. Enter a pixel number (e.g. 350 px).

Mobile banner height: Adjust the height of the banner display on the mobile view. Enter a pixel number (e.g. 200 px).

Section footer

Button label: Add text to the button label in the section footer.

Button link: Enter the link destination for the button in the section footer.

Open this link in a new window: Toggle this ON to open the link in a new window.

Section layout

Color scheme: Adjust the color scheme of the section

Background image: Select an image as the section background. 

Section full width: Toggle this ON to display the section in full width.

Section max width: Adjust the maximum width of the section. Enter a pixel number (e.g. 1900 px).

Content full width: Toggle this ON to display the content in full width.

Content max width: Adjust the maximum width of the content. Enter a pixel number (e.g. 1900 px).

Padding desktop: Add spacing on the top of the section in the desktop view. Enter a pixel number (e.g. 5 px).

Padding tablet, mobile: Add spacing on the top of the section in tablet and mobile view. Enter a pixel number (e.g. 5 px).

Margin desktop Add spacing on the left of the section in the desktop view. Enter a pixel number (e.g. 5 px).

Margin tablet, mobile: Add spacing on the left of the section in tablet and mobile view. Enter a pixel number (e.g. 5 px).

2.6.1. Block – Item (Maximum 3 items)

Image: Upload or select the main image for this item/slide in the split hero showcase.

Link: Enter a URL to make the entire image area clickable, directing to the specified page, product, or collection.

Size: Choose how the image fits within its container.

Auto: Display the image at its natural size and aspect ratio (may leave space or crop depending on container).

Cover: Scale the image to cover the entire container while maintaining aspect ratio (may crop edges; recommended for full-background effect).

Information

Color scheme: Adjust the color scheme for text, buttons, and overlays on this specific item.

Heading: Add the main heading text for this item.

Subheading: Add optional subheading text that appears below the heading.

Description: Add optional longer descriptive text for this item.

Button label: Add text for the call-to-action button on this item.

Button link: Enter the destination URL for the button.