Theme architecture

A Shoplazza theme is organized into a standard directory structure. Each directory has a specific role in defining the layout, content, style, and behavior of a merchant's online store.

For a detailed introduction, see the Architecture overview.

Directory structure

.
├── assets/       Static files — CSS, JavaScript, images, fonts
├── config/       Theme-level settings definitions and values
├── layout/       HTML shell that wraps every page
├── locales/      Translation files for multi-language support
├── sections/     Reusable, customizable content modules
├── snippets/     Reusable Liquid code fragments
└── templates/    Page-type controllers (home, product, cart, etc.)

Explore

Layouts

The HTML base that wraps templates — headers, footers, global scripts

Templates

Controls what renders on each page type (18 types)

Sections

Reusable modules with settings, blocks, and app block support

Config

JSON files that define and store theme settings

Locales

Locale files for storefront and editor translations

Settings

Input types, sidebar elements, dynamic sources, and fonts

Snippets

Reusable Liquid code included via `include` or `render` tags

Assets

Static files served via CDN