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:


    Zoho DataPrep Personalized Demo

    If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.

    Zoho CRM Training

      Create, share, and deliver

      beautiful slides from anywhere.

      Get Started Now

              Zoho CRM Training Programs

              Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.

              Zoho CRM Training

                  Zoho TeamInbox Resources

                            Zoho DataPrep Resources

                              Zoho DataPrep Demo

                              Get a personalized demo or POC

                              REGISTER NOW

                                Design. Discuss. Deliver.

                                Create visually engaging stories with Zoho Show.

                                Get Started Now

                                                      • Related Articles

                                                      • Why is a collection not listed in the storefront?

                                                         Always check if the collection has been added in the builder. If it is not added to the builder then it will not appear on the storefront.
                                                      • Mega menu

                                                        Mega menu is used to give users a bird's-eye view of all the menus in your store, in rows and columns, so that your store's products can get maximum visibility.  Benefits Enhances the quality of your visitor's site navigation Helps arrange the titles ...
                                                      • Collections

                                                        After you've added products and categories, you can create collections to give your customers a variety of shopping options. Collections are groups of products, bunched together based on a similarity that they share. It could be a group of products ...
                                                      • Customize Invoice

                                                        You can customize your invoice with options like font type, paper size, margins, background image, background color, font color, and size. You'll be redirected to Zoho Inventory, through which you can use this feature. Select your organization to ...
                                                      • 301 Redirect

                                                        This feature enables you to move an older URL to a new one. When the customer wants visit the old URL (which has expired or no longer exists), the 301 Redirect feature will automatically take the customer to the new URL that you have assigned.  Go to ...



                                                      Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.


                                                      Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.


                                                      Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.

                                                      CRM Tips

                                                      Make the most of Zoho CRM with these useful tips.

                                                        Zoho Show Resources