Skip to main content

Customize collection page templates

Updated October 22, 2026

Give each collection page its own layout, sections, and content without affecting any other collection

By default, all your collection pages share the same layout. Collection page templates let you build a distinct design for individual collections. A "Hats" collection can have a hero banner and editorial text, while a "T-Shirts" collection shows a clean product grid with no extras. Each collection gets exactly what it needs.

What is a collection page template​

A collection page template controls the layout and sections shown on a collection's listing page, the page a customer lands on when they click a collection. This is separate from product view templates, which control individual product pages.

You can add any of the following sections to a collection template:

  • Product grid — the main grid of products in the collection
  • Featured products — spotlight specific products with images and calls to action
  • Text — headings, body copy, and rich text blocks
  • Images — standalone image sections
  • Video — embedded video sections
  • Newsletter — an email signup section
  • Custom code — embed third-party code or custom markup

Step 1: Open collection templates​

In your Fourthwall dashboard, go to Site design. Open the page menu at the top of the editor (it shows the current page, such as Home) and choose Collection pages.

The Collection page templates list shows your existing templates. Every shop starts with Default collection page, which is assigned to all collections.

Step 2: Create or duplicate a template​

You have two options:

Create a new template from scratch. Click Create new template. In the Create a collection page template dialog, enter a descriptive name in Template name (only you'll see this), such as "Hats" or "Featured Drops," then click Create template.

Duplicate an existing template. Click the three-dot menu next to any existing template and select Duplicate. This copies all sections from the original, giving you a head start on a similar layout.

Step 3: Customize the template sections​

Click the template name to open it in the editor.

From here, you can:

  • Add a section — click Add section and choose from the available section types (such as product grid, text, images, video, newsletter, and featured products).
  • Reorder sections — grab the drag handle next to any section and move it up or down to change the order.
  • Edit a section — click the section to open its settings and adjust content, appearance, and layout options.
  • Remove a section — click the section, then click the Delete section (trash) icon in its toolbar.

Every collection template should include at least a Product grid section so customers can browse and buy products. If you remove the product grid, the collection page will not show any products.

Click Save when you are done editing the template.

tip

Keep your product grid section near the top of the template so customers see products immediately without scrolling past large banners or text blocks.

Was this helpful?