Collections List Element

Written By Lu Benavides (Collaborator)

Updated at July 24th, 2024

Table of Contents

Your Product Collections let you group your products for more exposure, generating more demand and interest in your brand. Leverage that power inside of your store by adding the Collections List Element.

This Element will showcase your collections inside your store helping you catch the eyes of all that pass through it. Additionally, they make the search experience easier for your customers and create more attention for other not-as-popular products in the same category.

Adding Collections List

This element can be added to any Website that has store features enabled. So to start let's edit a Page for one of our Websites.

In the Website Editor click the + sign to open the Elements Menu, the Collections list will be under Store.

Once you add the element click it to open the settings to the right. Here you can configure all necessary settings.

To set the collections you want to show click on the lines icon next to the collection. This will give you a small drop-down menu to select from your collections.

When you add a collection the image will be the one you've selected for the products, if no image is selected the image will be replaced with the collection name on a background.

You can add more collections by clicking the + sign next to any collection.

By default, 3 collections are shown per row for desktop and 2 for mobile. You can add more by editing the Layout Options, the maximum would be 5 and 2 columns for desktop and mobile respectively.

Once you're done click Save to keep the changes or Publish to make them public.

And done! You are ready to use your Product Collections to increase sales. This will help you to create more buzz for your products, simplifying the search process and helping them find their perfect product.