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

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. 

If the Tweak you need is very specific to your business, such as a calculator on the Product Page so customers can add in the dimensions of the Product they need, this requires an extra level of development and you will need something creating specifically for you. In this case, we would advise contacting one of the companies in EKM Partners, who will be able to complete this task for you and implement it onto your EKM online shop.

What if I have a lot of Tweaks?

If you have more than one or two Tweaks you would like to add to your EKM online shop, we’d recommend that you refer to one of the partners listed within the EKM Partners directory. They will be able to complete these Tweaks for you and even provide bespoke designs if you have something specific in mind. 

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

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 in 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 - this 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 into 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]