Collection list slider
A guide to set up a collection list slider
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.
How to add a Collection list slider to your Shopify store
Steps:
In the theme editor (Customize) > click Add section
Select Collection list slider.
Make necessary changes.
Save the settings.
How to edit a Collection list
Section settings
General
See how to adjust the Container settings
See how to adjust the Color scheme settings
Section header
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:
Leave it blank if you do not want to use the default color setting in the Color scheme.
Testimonial settings
Section header
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.
Large image
Choose the Image ratio you prefer for the Large image:
Adapt to first image
Square (1:1)
Portrait (3:4)
Landscape (4:3)
Collection card
Choose the Image ratio you prefer for the Collection card:
Adapt to first image
Square (1:1)
Portrait (3:4)
Landscape (4:3)
Carousel settings
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
Block settings
You can add multiple Collection blocks and 1 Badge block to the Collection list slider section.
Collection
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.
Badges
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"
Ensure only one space is used between words or characters for proper formatting.
Upload an Image to appear alongside the text.
The Badges block is only available in Zest version 9.0.0 and above. ✨
See Changelog.
Last updated