[caution]This Guide is intended for use with Legacy Themes. If you are using the Aerial Theme, please click here for the correct Guide. [/caution]

[intro]When you have completed this Guide, you will have customised the Theme of your EKM online shop by using the Legacy Layout Editor.[/intro]

[caution]Legacy Layout Editor is only intended for use on desktop or laptop computers. It is not intended for use on mobile phones or tablets. The Legacy Layout Editor can only be used with the Safari, Chrome and Firefox browsers.[/caution] 

The Legacy Layout Editor allows you to customise your Legacy Theme by using drag-and-drop functionality to select which elements you would like to include in your EKM online shop.

Accessing the Legacy Layout Editor

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

2. Then you need to click Theme from the drop-down options:

3. On the Design Page, click the Edit button beneath the Theme image and select Edit Layout from the drop-down menu:

4. This will launch the Legacy Layout Editor. In the top middle of the page, you’ll notice a drop-down menu. Here you can select between Home Page, Category Page and Product Page to select which you want to amend. In the top right-hand corner, you’ll see three symbols - a laptop, a tablet and a mobile phone - click these to preview your design while you are creating it:

5. Down the left-hand side of the page, you’ll see a list of all of the different elements you can have on that specific page. Each Element has an eye symbol next to it - if you can see the eye this means that the element has been added and is visible on the Homepage. If you don’t wish for the element to be visible, simply click the eye symbol to hide it on the front end of your EKM online shop:

6. You can amend the order of the different elements on the Homepage by clicking the menu symbol (the three horizontal lines) and keeping your finger pressed down, before dragging the element to the position you would like it to display in:

7. When you have manoeuvred the elements into their ideal positions for your EKM online shop, click the green Save button in the bottom left-hand corner:

Populating the elements

Now you have finished rearranging the different sections of your Homepage, Product and Category Pages, you need to populate these sections accordingly. 

8. Click the menu symbol on the top left-hand corner of the page:

9.  Then click Shop:

10. Ensure that you click the Edit Design button on the top right-hand side:

11. This will then reveal the Edit Element/Text buttons on the Homepage which you can click to edit that particular Design Element and populate it with your content:

[more]

[/more]

[contact] If you need our help with your EKM online shop, contact your Account Manager or Customer Support, who will be able to point you in the right direction. We're open from 8am-6pm weekdays and 9am-5.30pm on the 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 ask the EKM Team, join us in EKM Community.  [/contact]