HTML is a versatile and powerful yet relatively simple coding language which affects how your section is displayed by the browser.
Leverage the power of code and use HTML to increase the possibilities of your storefront’s layout and content.
If you are not totally confident in your coding abilities, it would be best to approach an expert in this field before beginning or making changes which may not be reversible.
Firstly, to add the section, navigate the follow steps:
Online store → Themes → Customise
Select "Add section" at the foot of this menu.
Find "Custom HTML" and click "Add"
You will see the following settings.
This section is broken up into "content blocks", which contain your code.
Add a new content block by selecting “Add custom HTML”:
Once your content blocks are in place, you can reorder them by click and dragging the dotted icons to the right of the subject:
Content blocks can be expanded by clicking them:
Once your content block has been expanded, you will see options to place your own HTML code.
Here you can add your custom HTML code:
Choose between 25% - 100% width.
Here are some examples of the different widths available.
To remove a content block, expand that block and choose “remove content”:
To remove the whole section containing ALL content blocks, click “remove section”: