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 Stretch width: span the section width regardless of screen size. Fix width: depends on your page content width in Theme settings -> Layout. Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
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. Left Center Right
Heading size	Font size text customization: Small Medium Large

Collection

Setting	Description
Image ratio	The image ratio for the featured images of the blog posts: Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped. Portrait - Crops the images to use a 3:4 ratio. Square - Crops the images to use a 1:1 ratio Landscape - Crops the images to use a 4:3 ratio
Content alignment	Choose the position of text and content within the section. Left Right
Items per row on desktop	Number of columns to display on desktop computers. Minimum: 2. Maximum: 4.
Column gap	4 options for column gap Small No gap Medium Large

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.