How to Customize Collection Lists

In this article, we'll cover how to organize and customize your Collection list on your homepage.

If you haven't added a Collection list to your site, checkout this guide: How to add a Feature collection or Collection list section to your site

Accessing the Collection list settings 

Before we can customize the Collection list, we need to go to the settings in that section. 

1. In your Fourthwall dashboard, go to Site design > Layout.

2. From the drop-down menu, select the page where your Collection list appears (for example, your Homepage or Shop page).

3. Scroll down to the Collection list section and click it to open the settings.

Screenshot 2025-08-26 at 3.22.12 PM.png

Changing collection order 

You can change the order in which each collection appears in your Collection list section. To rearrange the order, grab the handle on the collection and move it up or down in the order you want them to appear. 

GIF - FW - Reorder product collections.gif

Changing the collection main image

By default, a collection’s main image is the first product image in that collection. You can replace it with a custom image that better represents the collection. 

Within the Collection list settings, you can add an image to each collection by dropping it in that area or browsing your files. You can add any image here that best represents each collection. 

In the example below, the Winter Collection uses a wide image, while the Spring Collection uses a 3:4 ratio image. This shows how different aspect ratios appear. We recommend using the same ratio across all collections for the best visual consistency.

Screenshot 2025-08-26 at 3.40.59 PM.png

 

If you have additional Collection list sections, repeat the same process for those as well. Be sure to click Save!

Was this article helpful?
1 out of 2 found this helpful

Articles in this section

See more