Displaying Your Product Collections

Modified on Mon, 9 Sep at 1:12 PM

Product Collections are a powerful tool to help you organize and promote your products, boosting visibility and generating more interest in your brand. By using the Collections List Element, you can showcase your product collections on your website, making it easier for visitors to browse and discover your offerings. This feature enhances the shopping experience for your customers while drawing attention to less popular items within the same category.

Adding a Collections List

To begin using the Collections List Element, you need to have store features activated on your website. Let’s start by selecting a page on your site to edit.

Step 1 Image


1. In the Website Editor, click the + button to open the Elements Menu. The Collections List option can be found under the Store category.


Step 2 Image


2. After adding the element, click on it to open the settings panel on the right. Here, you can customize all the relevant settings for your collections.


Settings Panel Image


3. To select the collections you'd like to display, click the lines icon next to the collection option. A dropdown menu will appear, allowing you to choose from your available collections.


Select Collections Image


4. If you've uploaded images for your products, they will be displayed with the collection. If no image is provided, the collection name will appear on a default background.


Image Display Example

5. You can easily add more collections by clicking the + icon next to any collection you want to include.


Add More Collections Image


Adjusting Display Layout

By default, the Collections List shows three collections per row on desktop and two on mobile. You can increase the number of displayed collections through the Layout Options, allowing for a maximum of five collections per row on desktop and two on mobile.


Layout Options Image

Finalizing Your Changes

Once you're satisfied with your collection setup, click Save to retain the changes or Publish to make the modifications live.

Now, you're all set to use the Product Collections feature to improve the shopping experience on your site, making it easier for customers to discover and purchase your products. This tool can help boost interest and streamline the search process, ensuring customers find what they’re looking for.


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article