Featured collection
This block showcases product images, titles, prices, and optionally, quick add or badge elements. Ideal for driving attention to high-priority products directly from the homepage or landing pages.
.png)
Section settings
General settings
| Setting | Description |
|---|---|
| Section width | 3 options for container
|
| Color scheme | Select colors from Theme settings -> Colors |
Section header
| Setting | Description |
|---|---|
| Subheading | Use the subheading to provide additional context, supporting information, or a short description. |
| Heading | The primary text element used to introduce or label the content within this section. |
| Enable heading underline animation | Enable heading underline animation |
| Underline style | Select Underline style |
| Underline color | Customize Underline color |
| Description | A text element used to provide additional details or supporting information related to the heading or content of the section. |
| Heading size | The size of the title:
|
| Alignment | The position of the heading and description.
|
| Show view all button | Displays a call-to-action button that links to the full collection associated with the section. |
| Button label | Set the text displayed on the button. |
| Button type | 3 options for Button type
|
Collection
| Setting | Description |
|---|---|
| Collection | Select the collection you want to display |
| Maximum items to show | Limit the display of the number of posts. Minimum: 2. Maximum: 12. |
| Items per row on desktop | Number of columns to display on desktop computers. Minimum: 2. Maximum: 6. |
| Column gap | 4 options for column gap
|
Carousel settings
| Setting | Description |
|---|---|
| Enable carousel | When enabled, the section will be displayed in carousel format |
| Show navigation | Display the next and back controls for the carousel |
| Show pagination | Display the pagination for the carousel |
| Reveal next slide | Display a part of the upcoming slide. |
| Items per row on mobile | Number of columns to display on mobile devices. |
Section padding
| Setting | Description |
|---|---|
| Top | Customize the top margin of the section |
| Bottom | Customize the bottom margin of the section |
Section divider
| Setting | Description |
|---|---|
| Show divider | Toggles the visibility of a horizontal divider line within the section. |
No comments yet