Themes is where you manage the look and feel of your store front.

You can have many themes in your store. The one flagged as your "current theme" is the one that is controlling the look of your store front.

A new theme is created by copying one of your existing themes or one of our template themes. Modify the design and use theme preview to see how it looks. When you are ready to publish make it the current one in "settings".

To work with a theme you should be comfortable writing HTML code, CSS and JavaScript.

Elements of a theme

Web pages

These are the pages in your store front. "Custom pages" can be created, modified and deleted. "Core pages" must exist for your store to function so cannot be created or deleted, however they can still be modified. "Special pages" are there to gracefully handle your store being offline or when someone attempts to go to a page that does not exist.

Template parts

These are chunks of code that you call up in your pages using the template language. Typically the structure of your website will be created using a combination of template parts. An individual web page would then call this structure up along with the unique page content.

{% Extends "Site-structure" %}

{% Block "Content" %}
    <h1>Page heading</h1>
    <p>Text here.</p>
{% EndBlock %}


Media and files

Any file, for example an image, that you want to include in your design you upload here. To update a file you will need to delete it first and then upload an updated version. Files that you want to edit, for example a css file, should therefore be created as a custom web page, although either would work.


These are the templates that form the emails sent to shoppers and can be styled using other elements in your theme similar to web pages.

See also:

Template language
HTML Basics