Split slide product list
| Setting | Description |
|---|---|
| Slide color scheme | Sets the overall background and text colors for the slide. Choose from your theme's predefined color schemes. To modify a scheme, go to Theme settings → Colors. |
Left slide
| Setting | Description |
|---|---|
| Left slide color scheme | Sets the background and text colors for the left side of the slide. Choose from your theme's predefined color schemes. To modify a scheme, go to Theme settings → Colors. |
| Label 1 | Text displayed as the first label above the heading on the left side. |
| Label 1 icon | Upload a small icon to display next to Label 1. |
| Label 2 | Text displayed as the second label above the heading on the left side. |
| Label 2 icon | Upload a small icon to display next to Label 2. |
| Label font weight |
Controls how thick or thin the label text appears. Options: • Normal — standard weight. • Medium — slightly heavier than normal. (Default) • Semi bold — noticeably heavier weight. • Bold — the heaviest, most prominent weight. |
| Label font size | Controls the size of the label text. Range: 10–24px (default: 20px). |
| Heading | Main heading displayed on the left side of the slide. |
| Heading size |
Controls the size of the heading. Options: • Small — smaller heading. (Default) • Medium — standard heading size. • Large — larger heading. |
| Products | Select up to 10 products to display as a product list on the left side of the slide. |
| Image ratio |
Controls the shape of product images in the list. Options: • Adapt to image — uses each image's natural proportions. (Default) • Portrait — tall vertical crop. • Square — equal width and height crop. • Landscape — wide horizontal crop. Only available when Products is not empty. |
| Show second image on hover | Displays the product's second image when a visitor hovers over the product card. Disabled by default. Only available when Products is not empty. |
| Button label | Text displayed on the call-to-action button. Defaults to "Shop Now". |
| Button link | URL the button links to when clicked. |
| Button style |
Sets the visual style of the button. Options: • Solid — filled button with a solid background. (Default) • Solid with arrow — filled button with an arrow icon. • Outline — button with a border and transparent background. • Outline with arrow — outlined button with an arrow icon. |
| Desktop content alignment |
Controls how the text and button are aligned on desktop. Options: • Left — aligns content to the left. (Default) • Center — centers the content. • Right — aligns content to the right. |
| Mobile content alignment |
Controls how the text and button are aligned on mobile. Options: • Left — aligns content to the left. (Default) • Center — centers the content. • Right — aligns content to the right. |
Right slide
| Setting | Description |
|---|---|
| Right slide color scheme | Sets the background and text colors for the right side of the slide. Choose from your theme's predefined color schemes. To modify a scheme, go to Theme settings → Colors. |
| Image | Upload a background image for the right side of the slide. |
| Image overlay opacity | Controls the darkness of the overlay on top of the right side background image. Higher values make the overlay darker. Range: 0–100% (default: 0%). |
Demo exemple
