Add a collection slider
Open Site Builder, Go to
icon and select Collections.

- Select an existing collection.
- Click on Create a new collection button. Read this guide to learn how.
The collection will be displayed on your website.
- 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.

- Count : Number of products displayed within a collect at a time.
- Gutter Space : The gap between two or more products that are displayed within a collection.
- Show Heading : Display the collection name.
- Show View All Button Display a View All button below your collection.
- Arrow Position : Positions the arrow around the Top, Middle, or Bottom of your collection.
- Arrow Outward : To display arrows outside the product boundaries.
- Arrow Outer Design : Design around the arrow.
- Arrow Style : Different arrow designs
Once you have set the different parameters you can also have a Filmstrip or Collection Slider that looks like the one here:
