Image with tab
Image with tab
Section body
Color scheme: Adjust the color scheme applied to the text, overlays, and content elements within the tabbed image area.
Image: Upload or select the main image to display in the section.
Image ratio: Select the aspect ratio for the displayed image
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.8.1. Block – Tab
Heading: Add the main heading text for this tab.
Description: Add the descriptive or explanatory text content for this tab.
Related Articles
Product tab
Product tab 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: ...Product mixer
Product mixer 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: ...Hero Banner
General configs Layout Choose the layout style for the hero banner. Full: Display the banner spanning the full width of the viewport with media filling edge-to-edge. Column: Display the banner in a contained column layout, often with text and media ...Group product
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: ...Split hero showcase
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. ...