Collection Slider

Collection Slider

You can now display all your products using a collection slider. This will prevent the website from being scrolling down too far. With a slider, all your products will move in the horizontal direction. 


Add a collection slider

  1. Open Site Builder, Go to  icon and select Collections.

  2. Select an existing collection.
  3. Click on Create a new collection button. Read this guide to learn how.


The collection will be displayed on your website.

  1. Click the Element Property Box [] icon beside the collection element, then enable the Filmstrip toggle.

    Once the Filmstrip is enabled, new options will be displayed.
  1. Count :  Number of products displayed within a collect at a time.
  1. Gutter Space : The gap between two or more products that are displayed within a collection.
  1. Show Heading : Display the collection name.
  1. Show View All Button Display a View All button below your collection.
  1. Arrow Position : Positions the arrow around the Top, Middle, or Bottom of your collection.
  1. Arrow Outward : To display arrows outside the product boundaries.
  1. Arrow Outer Design : Design around the arrow.
  1. Arrow Style : Different arrow designs

    2. Once you have set the different parameters you can also have a Filmstrip or Collection Slider that looks like the one here: