Collection banner
The Collection Banner section is designed to make your key collections stand out through bold imagery and striking typography. Perfect for seasonal campaigns or featured drops, it combines high-impact visuals with clear calls-to-action like Shop Now to drive attention and clicks. Each banner can highlight a collection’s story, mood, or design theme—creating a magazine-like showcase that connects style and emotion. This section helps transform every collection into an experience, not just a display.
Section settings
General setting
| 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 |
| Alignment | The position of the heading and description.
|
| Heading size | Font size text customization:
|
Collection
| Setting | Description |
|---|---|
| Image ratio | The image ratio for the featured images of the blog posts:
|
| Content alignment | Choose the position of text and content within the section.
|
| Items per row on desktop | Number of columns to display on desktop computers. Minimum: 2. Maximum: 4. |
| Column gap | 4 options for column gap
|
Settings for carousel
| Setting | Description |
|---|---|
| Show navigation | Display the next and back controls for the carousel |
| Show pagination | Display the pagination for the carousel |
| Show progress bar | Adds a progress bar animation that visually represents slide transitions. When enabled, navigation and pagination dots are automatically hidden for a cleaner look. |
| Reveal next slide | Displays a small portion of the upcoming slide in the carousel. |
Section padding
- Top padding: Customize the top margin of the section
- Bottom padding: Customize the bottom margin of the section
Blocks settings
| Setting | Description |
|---|---|
| Collection | Select the collection you want to display |
| Image | Upload desired image, or it will default to the collection's preset image |
| Subheading | Add a short line of text above the title (e.g., "Featured Collection"). |
| Timeline | Display a year or campaign period. |
| Collection title | Custom title selection; leave blank to use the collection's preset title |
| Description | Add supporting text to describe the collection. |
| First button label | Enter text for the button (e.g., "Shop Now"). Leaving it blank hides the button. |
| First button link | Add the URL or select a link for the button action. |
| Use outline button style | Enable to display the button with an outlined design instead of a solid fill. |
No comments yet