# 主题架构

> Shoplazza 主题的标准目录结构：assets、config、layout、locales、sections、snippets 与 templates 分别控制什么。

Shoplazza 主题按标准目录结构组织。每个目录在定义商家在线商店的布局、内容、样式和行为中扮演特定角色。

详细介绍请参见[架构概述](/zh-CN/docs/theme/architecture/overview)。

## 目录结构

```text
.
├── assets/       静态文件 — CSS、JavaScript、图片、字体
├── config/       主题级别的设置定义和值
├── layout/       包裹每个页面的 HTML 外壳
├── locales/      多语言翻译文件
├── sections/     可复用、可自定义的内容模块
├── snippets/     可复用的 Liquid 代码片段
└── templates/    页面类型控制器（首页、商品、购物车等）
```

## 浏览

- [Layouts](/zh-CN/docs/theme/architecture/layouts/): 包裹 templates 的 HTML 基础 — 页头、页脚、全局脚本
- [Templates](/zh-CN/docs/theme/architecture/templates/): 控制每种页面类型的渲染（18 种类型）
- [Sections](/zh-CN/docs/theme/architecture/sections/): 带设置、blocks 和 app block 支持的可复用模块
- [Config](/zh-CN/docs/theme/architecture/config/): 定义和存储主题设置的 JSON 文件
- [Locales](/zh-CN/docs/theme/architecture/locales/): 店面和编辑器翻译的 locale 文件
- [Settings](/zh-CN/docs/theme/architecture/settings/): 输入类型、侧边栏元素、动态数据源和字体
- [Snippets](/zh-CN/docs/theme/architecture/snippets): 通过 `include` 或 `render` 标签引入的可复用 Liquid 代码
- [Assets](/zh-CN/docs/theme/architecture/assets): 通过 CDN 提供的静态文件