Ecommerce Online Store - Design - Advanced Product Layout

Important: This article applies to Ecommerce Pro users only. 

The E-commerce Pro site allows you to create advanced product layout designs, by either cloning the existing pre-defined layouts or by creating your own custom HTML-based layouts.

Create a Product Layout Design

1. Select the Design tab.

2. Click on Product Layout Design.

Define Custom Product Layout

You must begin by either creating a new layout or cloning an existing layout.

1. To create an entire new layout: enter the name of the new layout you wish to create in the Layout Name field and click Create & Edit. This will open the Edit Product Layout screen.

2. To clone one of the Predefined Product Layouts: click the Clone button under the desired layout. Then click the Edit button next to the cloned layout to open the Edit Product Layout screen.

Edit Product Layout

1. Enter your custom HTML code in the Layout HTML field. You can also enter useful HTML code snippets by selecting them from the dropdown box and clicking Insert.

2.Once you are satisfied with your Product Layout, click Save or Save & Return.

• You can preview your new Product Layout by clicking the Preview button underneath the desired product layout.
• To activate the new layout, return to the Product Layout Design page and click the Activate button next to the desired layout.

Note: The Predefined Product Layouts themselves cannot be edited or deleted.