Store Setup
Store Personalization

Product Page Layout

6min

Overview & Purpose

We have given you the option to manage the details of your product pages.

Note: Any changes made in this section will directly be reflected on the Product Pages of your website. 

Using our customization features you can create layouts for specific products or product groups.

The system has pre-built layouts for a product page which you can preview using the preview icon. You cannot edit these pre-build layouts; however, you can assign these to your products.

Document image


The Web and Mobile layouts for each Product Type are made available under the Product Type tab with unique naming conventions.

Add Layout

Admin >> Store Personalization >> Product Page Layout >> ‘+Add’ Button (Top Right Link)

We allow Admin to Customize Page Layout for other products types like Predefined, Photobook, Book Products and Calendar Products.

Document image


These options will only appear if your Admin Panel has all these products enabled.

Name: Enter the layout name

Product Type: Select the product type for which you want to create a layout. Below image shows all the possible product type available in our system. You will see options according to your configuration.

Layout Type: select whether you want to create a layout for web or mobile.

Note: If you have created a layout for the web it will not be automatically applied you will have to create a specific layout for mobile device also.

Sidebar Display: Tick Default if you want to display the sidebar on the product page and No sidebar if you don't want to display the sidebar on the product page.

Select Product: You can select the product(s) for which you want to create a Product Page Layout. This layout will be displayed on the front store when the customer selects this product. This will list all the products falling in the category of the Product Type you have selected earlier.

Select Block: From the dropdown list you can choose sections you want to include on your product pages and click on the Add in Layout. They will instantly populate under the Arrange Blocks section.

Document image


Arrange Blocks: Move the blocks to arrange their placements. Hold and drag the right corner of a block to increase or reduce its size.

Action Buttons: Choose the display pattern for action buttons like alignment Horizontal or Vertical, Type Icon or Button and Should the buttons appear in Pop-up or directly on the page.

Action Menu of Page Layout

For the page layouts added on the Main screen, the admin can Edit, Duplicate or Delete the layouts.

  • Edit: You cannot Edit the Pre-Defined layouts of the product pages. However, you can edit the locks of those layouts which are created by you. For the predefined layouts, you only get the option to change – Sidebar Display and Assign products to it.
  • Duplicate Layout: For the pre-built product page layouts will have the option to duplicate the layout and quickly create a new one. This will also allow you to modify the design by adjusting the block(s).

Note: Duplicate action will not reflect any changes in the default layouts.  

  • Delete: 2-step delete confirmation will permanently delete the selected product page layout. Pre-built layouts and layouts set as default will not have a delete option into their Action Menu.