Product showcase
Overview:
The Product Showcase section is a visually immersive slider used to feature multiple products in a carousel-style layout. This section is designed to combine compelling product imagery with flexible text layouts, making it ideal for marketing collections, lookbooks, or seasonal highlights.
Section Configuration:
| Setting | Description |
|---|---|
| Heading | Adds a main heading to the section, typically used as a title or call-to-action. |
| Heading Size | Controls the heading size. Options include extra-extra-large, extra-large, large, and medium. |
| Description | Rich text description displayed below the heading. |
| Text Size | Adjusts the font size of the section description text. Options: small, medium, large, x-large. |
| Products | Select products to display in the slider. You can feature multiple items. |
| Image Inside Container | If enabled, product images are wrapped inside a constrained container for more structured layout. |
Slideshow Settings
| Setting | Description |
|---|---|
| Autoplay | Automatically cycles through slides at a fixed interval. |
| Show Navigation Arrows | Toggles visibility of next/previous navigation arrows. |
| Change Slides Every | Sets the interval time in seconds (2–9 sec) between each slide transition when autoplay is enabled. Default is 5 seconds. |
Layout Settings
| Setting | Description |
|---|---|
| Text Alignment (Desktop) | Aligns text content left, center, or right on desktop screens. |
| Text Alignment (Mobile) | Aligns text content on mobile. |
| Color Scheme | Applies a predefined color scheme for the section background and text. |
Spacing Settings
| Setting | Description |
|---|---|
| Top Padding | Adds space above the section (0–100px). |
| Bottom Padding | Adds space below the section (0–100px). |