Section width

Controls the width behavior of the section container:

• Stretch width: spans the section width regardless of screen size.
• Fix width: follows the page content width configured in Theme settings → Layout.
• Expand full width: takes up the full available page width and automatically adapts to the screen size.

Color scheme

Choose colors from the predefined palette in Colors to maintain consistency with the store’s overall design system.

Image

Upload the desired image.

Recommended size: 696px × 500px

Image width

Customize the width of the image.

Desktop image position

Controls the image position on desktop layouts:

• Left
• Right

Image 1

Upload the first parallax image.

Image 2

Upload the second parallax image.

Image 3

Upload the third parallax image.

Image 4

Upload the fourth parallax image.

Desktop vertical alignment

Controls the vertical position of content on desktop layouts:

• Top
• Middle
• Bottom

Content alignment

Controls the alignment of content inside the block:

• Left
• Center
• Right

Top

Customize the top margin of the section.

Bottom

Customize the bottom margin of the section.

Show divider

Toggles the visibility of a horizontal divider line within the section.

Heading, Subheading, Description

Customize the title block content.

Width

Controls the width behavior of the content:

• Fit
• Fill

Typography - Preset

Inherits the typography preset defined in the theme settings to maintain consistent fonts and styles across the storefront.

Background

Enables additional background customization settings for this section.

Background color

Defines the background color of the section.

Corner radius

Adjusts the corner rounding to create either sharp or rounded edges.

Padding top/bottom

Controls the spacing between the section content and its outer edges.

Button label

Customize the button text. If left empty, the button will be hidden.

Button link

Defines the URL assigned to the button.

Button type

Controls the visual style of the button:

• Primary
• Outline
• Link

Spacing bottom

Controls the spacing between the button and the next component.

Subheading

Customize the highlighted content text.

Size

Controls the size of the highlighted content.

Select icon

Choose an icon to display alongside the highlighted content.

Background color

Sets the background color of the highlighted content.

Text color

Sets the text color of the highlighted content.

Uppercase

Displays the highlighted content in uppercase letters.

Spacing bottom

Controls the spacing between the highlighted content and the next component.