Knowledge Base
Categories: E-Commerce
E-commerce Online Store - Design - Advanced Product Layout
Important: This article only applies to E-commerce Pro customers with a control panel as shown in the image below. If you purchased a Website, Website + Marketing, or eCommerce plan, please visit https://info.websitebuilderhelpforyou.com/.
The E-commerce Pro site allows you to create advanced product layout designs by cloning the existing predefined layouts or creating custom HTML-based layouts.
Create a Product Layout Design
- Log in to the E-commerce control panel.
- Navigate to the Design tab.
- Next, select Product Layout Design.
- To create an entirely 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.
- 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
Follow the steps below to edit a product layout.
- 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.
- 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.
* Your feedback is too short