Group product

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.

Show swiper navigation: Toggle this ON to display previous/next chevron buttons for sliding through the banners.

Section body

Type
Choose how content is displayed:

Grid: Displays items in a structured grid layout.

Slider: Displays items in a scrollable slider format.

Image ratio
Adjust the image ratio to control how images are displayed within items. A higher percentage keeps the original image proportion.

Thumbnail limit
Set the maximum number of thumbnails displayed per item.

Slider configuration

Desktop
Set the number of items displayed at once on desktop screens when using the slider layout.

Tablet
Set the number of items displayed on tablet devices when using the slider layout.

Grid configuration

Desktop
Set the number of columns displayed on desktop screens in grid layout.

Tablet
Set the number of columns displayed on tablet devices in grid layout.

Mobile
Set the number of columns displayed on mobile devices in grid layout.

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.9.1. Block – Item

Image

Upload or select the main image for this item (often used as a featured visual, social-style post image, or promotional banner).

Heading

Add the main heading text for this item.

Description

Add the main body text or caption for this item, such as a product announcement, social-style post, or promotional message.

Products

Select one or more products to associate with this item (displays product cards, add-to-cart options, or linked images below or alongside the description).