Customize your product detail

You can customize product detail page easily using Website template. You can either use our default layout or a custom layout.

In this article

A. Customize product detail page
B. Add a custom layout for a specific product

A. Customize product detail page

Go to Online Store > Design > Customize that Website template that you would like to customize.


Hover to icon Page to open Page Selector or use hot key Cmd + P (on Mac) or Ctrl + P (on Windows) > Choose Product detail


Click on each block to edit its settings and drag and drop to move it.

Note: You can add size chart, please visit this article for more information. Please click block variant picker > Enable size chart.


If you would like to add a new block, click the Insert panel (icon +) or use the hot key Cmd + I (on Mac) or Ctrl + I (Windows)


Choose the product to preview.

B. Add a custom layout for a specific product

Besides using the default website template layout for the Product page, you can create a custom layout to apply for a specific product.

Go to Admin Dashboard > Products > Select the product you would like to edit.

Go to the tab Design > Click Add Custom layout


Apply the template that you want to use. You can choose from our Library.


Use Website Builder to Customize layout. The custom layout will be active. Buyers viewing product in Online Store will see the custom layout.


If you would like to revert to use the default layout, hover to Default Layout > Click … > Publish

Updated on: 18/05/2023