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
| Directory | Description |
|---|---|
| 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 |