Customize product page templates
Updated April 29, 2026
Create and assign custom product page templates to control the layout supporters see when they view an individual product in your shop
By default, every product in your shop uses the same product page layout. Product page templates let you change that. You can build different layouts for different products or product types, controlling what sections appear and in what order around the product image and add-to-cart button.
How product page templates work
A product page template defines the layout of an individual product page. It controls which sections appear on the page (such as product images, description, related products, or custom content) and how they are arranged.
You can have multiple templates and assign them to specific products or to all products of a certain type. For example, you might use one template for physical products and a different one for digital downloads.
Product page templates are separate from collection view templates, which control the layout of your collection listing pages.
Step 1: Open the Pages editor
In your Fourthwall dashboard, go to Site design > Pages.
Under the Products section, you will see any existing product page templates listed.
Step 2: Create or duplicate a template
To create a new template from scratch, click Add template.
To base a new template on an existing one, click the three-dot icon next to the template you want to copy and select Duplicate.
Give the template a name that will help you identify it later, then click Create.
Step 3: Customize the template sections
Click your template to open the editor. The editor shows the sections currently included in the template.
You can add, remove, and reorder sections to build your layout. The following section types are available in a product view template:
- Product media — the main product image or images
- Product info — title, price, and add-to-cart button
- Description — the product description text
- Related products — a grid of other products supporters might like
- Custom HTML — embed custom code or third-party widgets
- Text — a freeform text block
- Image — a standalone image section
- Video — an embedded video section
To add a section, click Add section and choose from the list.
To reorder sections, drag them using the handle to the left of each section name.
To remove a section, open it and click Delete.
When you are done editing, click Save.
Step 4: Assign the template to products
After saving your template, you need to assign it to one or more products for it to take effect.
Assign to a specific product
Go to the product you want to update in your dashboard. In the product settings, find the Template field and select your new template from the drop-down.
Click Save to apply the template to that product.
Assign to all products of a type
Back in Site design > Pages, click the three-dot icon next to your template and choose Set as default for [product type]. This applies the template to all products of that type that do not already have a specific template assigned.