Skip to main content

Customize collection lists

Updated October 26, 2026

Organize and style your Collection list section to match your shop's look and feel.

If you haven't added a Collection list to your site yet, start here: How to add a Feature collection or Collection list section to your site

Accessing the Collection list settings​

Before you can customize the Collection list, open the settings for 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.

Collection list section in the Layout editor with settings expanded

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 drag it up or down.

How do I change the image shown for a collection in my Collection list?​

To change a collection's image in your Collection list, upload a custom image for that collection in the Collection list section's settings. Until you do, each collection shows the first product image in that collection.

  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. Click the Collection list section to open its settings.

  4. In the image area for the collection you want to change, drop in an image or browse your files to upload one.

Collection list settings showing custom image uploads for Winter and Spring collections

  1. Click Save.

Use the same image ratio for every collection so the grid looks even. The Image aspect ratio setting in the same section applies one crop to all collection thumbnails.

If you have more than one Collection list section, upload the image in each section.

To keep the default image but show a different product, set the collection's sorting to Manual order, then drag that product to the top: the first product becomes the collection's main image. See Create a collection.

Appearance settings​

The Collection list section includes four appearance options that control how your collections are displayed. Find these settings in the Collection list settings panel under the Appearance heading.

Content alignment​

Content alignment controls the horizontal alignment of the section heading above your collection grid. It offers two options: Left and Center. There is no Right option.

note

Content alignment moves the section heading only. It does not change how individual product images are aligned, and it does not move the collection title labels that appear beneath each collection image. Those labels are part of the grid item layout and are left-aligned by default.

Collections per row​

Collections per row sets how many collection thumbnails appear side by side in each row of the grid. A lower number gives each collection more visual space; a higher number fits more collections above the fold.

Image aspect ratio​

Image aspect ratio applies a consistent crop to all collection thumbnails in this section. Choose the ratio that best matches your collection images. We recommend setting a ratio that works for all your collection images so the grid looks uniform.

Show collection titles​

Toggle Show collection titles on to display each collection's name below its thumbnail image. Toggle it off to hide the names and show only the images.

Use this setting to control whether collection names appear beneath images. This is separate from Content alignment, which only moves the section heading.

Troubleshooting​

Collection names still appear off-center after changing alignment​

Content alignment only moves the section heading text, not the collection name labels beneath each image. If you adjusted alignment hoping to center the collection names, that setting won't affect them.

Collection title labels are left-aligned by default as part of the grid item layout. There is no dedicated alignment control for individual collection labels. To hide collection names entirely, turn off Show collection titles in the Appearance settings.

How do I center or align product images in a collection?​

You can't do this from Content alignment, which only moves the section heading. Product images in a collection are always centered within their thumbnails, so there is no per-image alignment control in the Collection list settings.

Product card settings are in Site design > Style > Product cards.

Was this helpful?