Custom HTML

Leverage the power of code and use HTML to increase the possibilities of your storefront’s layout and content.

Overview

HTML is a versatile, yet relatively simple coding language which affects how your section is displayed by the browser.

If you are familiar with HTML, then you may wish to make changes to this section yourself. However, as with all types of code, if you are not totally confident in your abilities, it would be best to approach an expert in this field before beginning or making changes which may not be reversible.


How do I add my custom HTML section?

To add your custom HTML section, follow these steps:

  1. Admin
  2. Online store > Themes > Customise
  3. Sections
  4. Scroll to the bottom of the left-hand panel and select “Add section”.
  5. Under “Advanced layout”, select “Custom HTML”

How can I alter my custom HTML section?

Firstly, click through to your section by heading to:

  1. Admin
  2. Online store > Themes > Customise
  3. Sections
  4. Select “Custom HTML”

You will see the following settings.

Content

This contains “content blocks”.

Add a content block by selecting “add custom HTML”

Custom HTML

Content blocks can be expanded by clicking them:

Once your content block has been expanded, you will see:

HTML

Here you can add your custom HTML code:

Container width:

Choose between 25% - 100% width.

Here are some examples of the different widths available:

25%

50%

100%

Remove section

To remove the whole section containing ALL content blocks, click “remove section”:

Unleash the power of coding to transform your storefront using your newly acquired custom HTML knowledge!