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
Large image
Image ratio: Control the ratio of the large image on the left (Adapt to image/ Square/ etc.).
Collection card
Image ratio: Control the ratio of the collection image on the right (Adapt to image/ Square/ etc.).
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.
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.
Choose an Image for the Collection card. Leave the Image field blank if you want to use the collection's image.
Use the provided text field to add a different Heading for the Collection. Leave the field blank to use the collection's title.
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.
Last updated
Was this helpful?