Downloadable themes

Pick a ready-made theme for your store instead of building one. All are free, can be previewed before you apply them, and are imported with the theme importer.

Every theme runs on top of StoreConnect’s Base Theme. With no theme installed, your site uses the base theme alone. When a store has its own theme, that theme overrides the parts of the base theme it replaces, so a theme only has to include the parts that differ.

:::tip Watch the Install downloadable themes video tutorial for a walkthrough of downloading and importing a theme. :::

Available themes

There are six downloadable themes, each aimed at a different type of store. All are hosted on GitHub.

Reading a theme’s content block lists

Each theme article lists its content blocks under two headings, and the difference matters when you install:

• Modified — the theme replaces a block the base theme already provides. It works as soon as the theme is installed, with nothing to configure.
• New — the block does not exist in the base theme. It is not in the Content Template picklist, so you have to add the value before you can select it. See adding your own custom content block templates.

StoreConnect’s base theme

The Base Theme is the minimal starter theme that ships as the default in every StoreConnect installation. It holds the templates that make up your storefront.

You do not upload it; it is already bundled with your setup. To build your own theme, or to customize a downloaded one further, copy any template from the base theme repository and modify it.

A theme is made up of four kinds of template:

• Snippets — reusable templates any other template can load, for shared elements such as headers, footers, and cards.
• Locales — language-specific translations. Create a locale per language you support.
• Variables — key-value pairs holding your theme’s configuration.
• Assets — the CSS and JavaScript files your theme loads.