[intro]Although we want everyone to use our Themes the way they are designed, we understand that there are some occasions where you may want to change different aspects of them. If you do wish to Edit the HTML or CSS of our themes in any way, you need to follow the steps within this guide. [/intro]

[summary]

[/summary]

What is a Tweak?

A Tweak is an edit made to the source code of your EKM online shop to incorporate a design element or third-party code that is not native to the Theme that you're currently using. A Tweak is arranged with the Customer Support Team who will create a task for the Design Team who complete your amendment. When the Tweak has been completed, you’ll receive a notification from the Customer Support Team. 

Please note that this service is part of the EKM online shop package, and the Design Team are unable to complete a full custom design on your shop for you - Tweaks are intended to be small changes. If you would like a custom design on your EKM online shop, we recommend that you contact one of the companies listed on the EKM Partners directory who will be able to provide this service for you. 

[remember]Tweaks cannot be performed on the Aerial Theme of any of its variations. If you plan to simply add some custom code to your EKM online shop and it is using the Aerial Theme, use the Embed Code section, or contact the Customer Support Team who will be able to assist you. [/remember]

Are Tweaks free?

Some of them are if it’s a simple and quick change - such as adding a few additional elements for example - but for Tweaks that require quite large changes to the source code of your EKM online shop are chargeable. This is because the Tweak may affect lots of different areas within your EKM online shop, so to apply the amendment can take longer. If you would like a Tweak to your own EKM online shop, the best thing to do would be to contact the Customer Support Team who will be able to provide you with a quotation for the amendment. 

How long does a Tweak take?

Design Tweaks will normally be completed within specific time scales depending on the pricing tier of your EKM online shop:

  • Basic Tier - up to 20 working days
  • Standard Tier - up to 10 working days
  • Advanced Tier - up to 3 working days
  • Pro Tier - 1 working day

[remember]Tweaks cannot be performed on EKM online shops on the Lite tier. You will need to upgrade your shop to Basic in order for a Tweak to be added. [/remember]

How do I request a Tweak?

To request a Tweak, simply contact our Customer Support Team who will be able to discuss your requirements, confirm if the request is possible and if that’s the case, book the task for the Design Team on your behalf. When your Tweak has been booked in, you will receive an email confirming the changes you would like to have made. The next notification you’ll receive is when the Tweak is completed. 

[warning]By placing your EKM online shop into Custom Mode - which occurs when the source code of your EKM online shop is edited or amended - means that your shop will no longer update automatically. When a Theme remains in its original state, if any updates or bug fixes to that Theme are released, these are automatically applied. However, if the Theme is in Custom Mode, these updates will not be applied. [/warning]

For advanced users only: Editing the source code for your EKM online shop

If you have experience writing code, then you can perform Tweaks and amend the source code of your EKM online shop yourself, by following the steps below:

1. To change the HTML and CSS of your theme you will need to click into the 'Design' Tab and then click the 'Edit' button next to 'Theme'.

2. Once you have done this you will see a drop down box appear, the section you need here is 'Inject Custom Code'. In here, you will find two boxes, the first is where you put any new CSS. 

Changing CSS

Any new colours, fonts, or any other styling can be added to the 'Custom Styles' box:

You will have to make sure that any new CSS is entered between the <style></style> tags and is written in the correct CSS markup. E.g. .promo {background-color:  #ffffff;}

Injecting HTML Head Code

To add any scripts into the Head of your HTML, you use the second box on the 'Insert Custom Code' page which is the 'HTML Head Code' box.  

Scripts you may put in here include your Hotjar Tracking Code. You can also 'Enable Alternative Code Injection' if you need to inject code into your site just before the <body> tag on your theme, or just before the closing </body> tag of your theme. 

Editing the HTML of your EKM online shop

Finally, to edit the HTML of your site you will need to 'Enable Advanced Custom HTML Mode' and the HTML code for each of our pages (Theme, Home, Category and Product) can be found within the 'Edit' pencils here.

Finally, after adding any code to the fields listed on this page, you need to click the green Save button on the bottom right-hand side. 

[caution] If you wish to edit your own or other third-party code onto your EKM online shop, please make sure that you copy any original code into a Notepad or TextEditor file before you begin. This ensures that you have a backup available should you want to reverse any changes. Please note that our Customer Support Team are unable to provide support in regard to your own or third-party code. [/caution]

[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]