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.

Alternatively, double-click items on the canvas to select or configure them directly.

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.

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.

Important Notes #

• Text Customization: Fully customize the text used in various store components such as the Product List, Product Detail, and Upsell sections to enhance localization and ensure brand consistency. These customization options are organized under Text Customization in the General settings, where you can edit text for specific sub-sections.
• Some text elements, like error messages, may not appear in the builder preview but can still be customized.
• Text-related settings (e.g., Buttons and Form Options) are part of the Text Customization section.

Frequently Asked Questions #

What does the Collections List element do? #

It showcases your product collections inside your store, helping customers browse grouped products, simplifying search, and drawing attention to less popular products within the same category.

Where do I find the Collections List element? #

In the Website Editor, click the “+” sign to open the Elements Menu. The Collections List is located under the Store category. The website must have store features enabled.

How do I choose which collections to display? #

Click the lines icon next to the collection to open a drop-down menu and select from your collections, or double-click items on the canvas to configure them directly. Use the + sign to add more collections.

What happens if a collection has no image? #

When you add a collection, it uses the image selected for the products. If no image is selected, it is replaced with the collection name displayed on a background.

How many collections show per row? #

By default, 3 collections show per row on desktop and 2 on mobile. You can adjust this in Layout Options up to a maximum of 5 columns on desktop and 2 on mobile.

Can I customize the text in the collections display? #

Yes. Text Customization in the General settings lets you fully customize text across store components for localization and brand consistency, including some elements like error messages that may not appear in the builder preview.