Zest Theme
Theme Sections

Collection list slider

2 min read
image

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:

  1. In the theme editor (Customize) > click Add section.
  2. Select Collection list slider.
  3. Make necessary changes.
  4. 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.).
image

Collection card

  • Image ratio: Control the ratio of the collection image on the right (Adapt to image/ Square/ etc.).
image
  • Controls background: Customize the background for the navigation controls
image
image
image
  • Desktop controls position: Adjust the placement of the controls on the desktop
  • Pagination type: Set pagination type as Dots/ Counter
image
image

Block settings

You can add multiple Collection blocks and 1 Badge block to the Collection list slider section.

image
image

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.

The Badges block is only available in Zest version 9.0.0 and above. ✨

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.

image
Last updated