Theme structure

A basic theme structure are as shown below:

|--assets/
|--config/
|--editor_assets/
|--editor_config/
|--layout/
|--sections/
|--snippets/
|--templates/

Assets

The assets folder contains all the assets used in the theme such as images, stylesheets, and javascript files.

Config

The config folder contains theme configuration files such as:

• settings_schema.json
• settings_data.json

Editor assets

The editor_assets folder is an editor-preview mirror of the assets folder. It holds the versions of the theme's assets that are served while the merchant is editing the theme in the theme editor.

Editor config

The editor_config folder is an editor-preview mirror of the config folder, containing the settings_schema.json and settings_data.json used while previewing the theme in the theme editor.

Layout

The layout folder contains theme layout template file theme.liquid

Sections

The sections folder contains a theme's reusable, customizable modules that are rendered in templates and layouts, such as the header, footer, and image banner. Each section pairs Liquid markup with a schema that merchants configure from the theme editor. More info ›

Snippets

The snippets folder contains theme's Liquid snippet files, which act like components that can be referenced in other templates of a theme.

Templates

The templates folder contains all Liquid templates that will be render whole online store website included customer accounts.

• article.liquid
• blog.liquid
• cart.liquid
• collection.liquid
• customers/account.liquid
• customers/addresses.liquid
• customers/details.liquid
• customers/login.liquid
• customers/order.liquid
• customers/register.liquid
• customers/reset_password.liquid
• home.liquid
• page.no-heading.liquid
• products.liquid
• search.liquid