[intro]In this Guide, you’ll learn how to customise the Product Pages of your EKM online shop by using the Theme Editor.[/intro]

[summary]

• Adding Sections
• Hiding Sections
• Changing the order of Sections
• Removing Sections

[/summary]

[caution]This Guide is intended for use with the Aerial Theme. If you are using a different Theme or your EKM online shop is in Custom Mode, click here for the correct Guide. [/caution]

[tips]Before you begin, it’s a good idea to create your Categories, Subcategories, Webpages and at least one Product beforehand. This is because you can link to these pages within some of the Sections on your Product Pages.[/tips]

Locating the Theme Editor

1. From the Dashboard, click Design on the left-hand menu:

2. Click Layout Editor on the top right-hand side:

3. This will launch the Theme Editor of your EKM online shop. In the top middle of the page, you can click between the desktop, tablet and mobile symbols to see how your EKM online shop will display on different devices. If you get stuck, you can click the Tutorial button on the far right-hand side:

4. To edit the layout of your Product Pages, make sure that Product Page is selected on the drop-down menu on the top left-hand side:

Product Page Layout

5. This section is essential as this is the part that makes a Product Page a Product Page! Click the edit button for this section:

6. You'll then see each of the settings you can use to configure your Product Page content:

7. Within the Delivery Section, you can decide whether the Delivery Section is visible or not by using the switch and amending the text and heading using the fields provided:

[tips]The Delivery heading and Text - when completed - will be the same across all of the different products on your EKM online shop. If you want to add product-specific information to your Product Pages in a similar way, have a look at the Product Tabs feature. [/tips]

8. Within the Settings, you can choose from one of three different Designs by selecting from the drop-down menu:

Design One

Design Two

Design Three

9. When you select your Design, you can amend the Specifications name by using the field provided. Finally, if your products have long Product Descriptions, you can opt to truncate these and automatically insert a 'read more' link for customers to expand the element to read the entire Product Description:

10. If you install the Related Products feature, you will need to amend the settings here to customise the Related Products section on your Product Page:

11. Finally, when you've finished editing the Product Page Layout Settings, be sure to click the Save button in the bottom right-hand corner:

Adding Sections

You can use the Theme Editor to add new Sections to your Product Pages too. Simply click the Add Section button:

You can then select a Section from the list, add it to your Product Pages, and edit it following the instructions listed in the relevant Guides:

Hiding Sections

On the left-hand side, you’ll see a list of all the different Sections that make up the current design of your Product Pages. To hide a Section, simply click the eye symbol:

Changing the order of Sections

You can change the order of these Sections by dragging and dropping them, using the burger symbol for each on the left-hand side:

Removing Sections

Other than the essential Sections required - the Header, Footer, Product Layout (on the Product Pages) and the Category Page Layout (on the Category Pages) - all of the other Sections can be deleted by clicking the red Remove Section Button with the Section itself:

[more]

• How to edit your EKM online shop Homepage
• How to edit your EKM online shop Category Pages
• Webpages for your EKM online shop

[/more]

[contact] If you need our help with your EKM online shop, contact your Ecommerce Expert or the Customer Support Team, who will be able to point you in the right direction. We're open from 8am-6pm weekdays and 9am-5.30pm weekends. If you'd like to suggest a feature or an upgrade on any of the EKM platforms, please let us know on the EKM Suggestions Board. If you have a non-account-specific question to ask the EKM Team, join us in the EKM Community. [/contact]