Product Page Layout
Product Page Layout
We have given an option to manage the details of your product pages.
Using our customization features you can create layouts for specific products or product group.
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.
The Web and Mobile layouts for each Product Type is made available under the Product Type tab with unique naming conventions.
Action Menu of Page Layout
- Edit: You cannot Edit the Pre-Defined layouts of the product pages. However, you can edit 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).
- 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.
We allow Admin to Customize Page Layout for other products types like Predefined, Photobook, Book Products and Calendar Products.
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.
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 choose sections you want to include on your product pages and click Add in Layout. They will instantly populate under the Arrange Blocks section.
Arrange Blocks: Move the blocks to arrange their placements. Hold and drag the right corner of a block to increase or reduce its size.
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.
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.