Engineers

Basic Tweak

This document will get you familiar with what it is like to tweak the front-end of a web store powered by Neto. It will take you step-by-step through the process for a particular tweak.

It is common for Neto customers to desire customisations beyond what you can do out-of-the-box with the control panel or theme builder. For example, you may want to show your brands on your homepage, or you might want to add a link to your website header, which directs the customer to your wholesaler registration form which is not emphasised by default in our themes.

Requirements

Before you get started, you will need an FTP application and a code editor. For designers using OSX, we recommend Transmit as an FTP client and Sublime Text or Atom as a code editor. With that being said, you are not restricted to any particular software suites when working with Neto. You can use Dreamweaver or Filezilla for FTP if you prefer, and more or less any code editor will work fine.

You will also need FTP access to be able to edit the template files for your website. More info on FTP access and how to get it can be found here.

Let's tweak our website!

Let's get started. For the sake of this exercise, we will add some featured brands to our website's homepage.

The first step when making tweaks to your Neto website should always be to check our Tweak Library. In our Tweak Library we have documented various front-end tweaks that customers often request, so if you can find something similar to what you are trying to achieve, it will make things a lot easier for you.

This particular tweak is indeed documented in our tweak library, so if you were already familiar with our template structure, you could easily head to the tweak library and follow the guide there. This document assumes you have never edited our templates before though, so we'll go over the tweak in a little more detail than usual.

Connect to the Filesystem via FTP

As mentioned above, you need to FTP into your websites filesystem in order to safely edit the files with a code editor. If you don't already have an FTP account for your website, you can request one here.

Providing you do have access, you simply need to set-up a new account in Transmit, Filezilla, or your preferred FTP application, and connect:

Navigate to and Open the Relevant Files

According to the documentation for this tweak, we only need to edit the template for the homepage of our website.

As websites can have multiple themes installed, and each theme is stored in a different directory, let's check which theme our website is currently using.

Go to Webstore → Theme editor in the cpanel

In the theme store, it is easy to see what your active theme is:

Now that we know what theme we are using, it is easy to find our homepage template. In your FTP application, navigate to /httpdocs/assets/themes/[THEME-NAME]/templates/cms/home.template.html:

If you are using transmit, you can open this file in your preferred text editor directly from the application. Some FTP applications will require you to download the file first though (and re-upload when finished).

Edit the File as Required

As per the documentation for this tweak, we now simply need to paste the code for the brand list where we want it to show: