Collection list slider
A guide to set up a collection list slider
Last updated
A guide to set up a collection list slider
Last updated
A Collection list slider displays a single-column carousel of selected collections, featuring a special large image for each collection to attract visitors' attention.
In this article, we will show you how to add a Collection list slider section.
Steps:
In the theme editor (Customize) > click Add section
Select Collection list slider.
Make necessary changes.
Save the settings.
Use the Desktop Padding Bottom setting to modify the space under the Section header, controlling how much gap exists before the next section. (Small/ Medium/ Large)
Content Spacing setting adjusts the space between the heading and other elemetns, ensuring optimal readability and layout balance. (Small/ Medium)
Use the provided text fields to add a suitable Heading.
Leave them blank if you do not want to display them
Change the Heading size to the desired size:
Heading - Medium
Heading - Large
Heading - Extra large
Heading - Extra extra large
Mega title - Base
You can also change the Heading color:
Insert the content you want in the Heading for the Collection list slider above the Collection card to grab customers' attention
Leave them blank if you do not want to display them.
You can also change the Heading size to Extra-small/ Small/ Medium/ Large/ Extra-large to make the content more visible on your website.
Choose the Image ratio you prefer for the Large image:
Adapt to first image
Square (1:1)
Portrait (3:4)
Landscape (4:3)
Choose the Image ratio you prefer for the Collection card:
Adapt to first image
Square (1:1)
Portrait (3:4)
Landscape (4:3)
Controls background: Customize the background for the navigation controls
Desktop controls position: Adjust the placement of the controls on the desktop
Pagination type: Set pagination type as Dots/ Counter
You can add multiple Collection blocks and 1 Badge block to the Collection list slider section.
Add an outstanding Large image for the block to draw customers' attention and make your website look more attractive.
Select a preferable or unique Collection that you want to show on the Collection list slider.
You can also choose the Image for the Collection card.
Leave the Image field blank if you want to use the collection's image.
Use the provided text fields to add a suitable Heading for the Collection card in the Collection list slider.
Leave them blank if you do not want to display them.
Select a Color scheme for the Badges from the available list to match your store’s design.
Enter the Text you want to display on the badge.
Example: "Loved by customers - Loved by customers"
Upload an Image to appear alongside the text.
Leave it blank if you do not want to use the default color setting in the .
See:
The Badges block is only available in Zest version 9.0.0 and above.
See .