Shopable image
The Shopable image section seamlessly integrates product displays onto a banner, enhancing user engagement and simplifying the shopping experience.
Section settings
General settings
| Setting | Description |
|---|---|
| Section width | 3 options for container
|
| Color scheme | Select colors from Theme settings -> Colors |
| Heading | The title of the section |
| Description | The description of the section |
| Content alignment | The position of the heading and description.
|
Image settings
| Setting | Description |
|---|---|
| Image | Upload desktop slide image, and it will be displayed for mobile if no mobile image is uploaded |
| Mobile image | Upload mobile slide image |
| Image overlay opacity | Customize the image overlay opacity |
| Type | Layout display shopable
|
| Column gap | 4 options for column gap
|
Settings for carousel
| Setting | Description |
|---|---|
| Slide controls type | 2 options for slide controls type
|
| Show navigation | Display the next and back controls for the carousel |
| Show pagination | Display the pagination for the carousel |
Section padding
- Top padding: Customize the top margin of the section
- Bottom padding: Customize the bottom margin of the section
Block settings
Desktop, Mobile
- Vertical alignment: The position of the icon is aligned vertical
- Horizontal alignment: The position of the icon is aligned horizontal
- Select product: Select the products you want to display
No comments yet