About this section
A collection as a fan of cards: the product in front large and lit, the ones beside it turned away. Arrows, swipes and arrow keys move it.
How to add itCustomize → Add section
Where it can goAny page
Settings23
Good to know: Good for best-sellers and new shades.
Settings
Collection content
| Setting | Type | What it does |
|---|---|---|
| Select collection | Collection | Choose a collection. |
| Badge text | Text | — |
| Heading | Text with bold, italic and links | — |
| Subheading | Text | — |
| Maximum products to show | Slider | From 3 to 15, 10 to start. |
Layout and sizing (mobile responsive)
| Setting | Type | What it does |
|---|---|---|
| Card width (desktop) | Number | 420 to start. |
| Card height (desktop) | Number | 557 to start. |
| Card width (mobile) | Number | 280 to start. |
| Card height (mobile) | Number | 340 to start. |
| Section height (desktop) | Number | 700 to start. |
| Section height (mobile) | Number | 500 to start. |
| Card border radius | Slider | From 0 to 100 px, 20 px to start. |
3D physics and angles
| Setting | Type | What it does |
|---|---|---|
| Tilt angle (Y-Axis) | Slider | From 0 to 45 deg, 12 deg to start. |
| Side tilt (Z-Axis) | Slider | From 0 to 45 deg, 8 deg to start. |
| Gap multiplier | Slider | From 0 to 20 px, 8 px to start. |
| Inactive card visibility (%) | Slider | From 0 to 100 %, 60 % to start. |
Animation and autoplay
| Setting | Type | What it does |
|---|---|---|
| Enable autoplay | On / off | On by default. |
| Autoplay direction | Choice | Choose Left to right, Right to left. Right to left to start. |
| Transition duration (s) | Number | 0.6 to start. |
| Transition easing | Text | — |
| Autoplay delay (s) | Number | 3 to start. |
Padding
| Setting | Type | What it does |
|---|---|---|
| Top padding | Slider | From 0 to 120 px, 60 px to start. |
| Bottom padding | Slider | From 0 to 120 px, 60 px to start. |
Something here not as described?Tell us which setting and what you saw. We reply within two business days.
Contact support