通过代码自定义主题模板
本部分适用于有前端开发经验的商家或开发者。您可以通过编辑主题代码，自定义页面结构、样式和模块功能，从而实现更高级的品牌定制与页面行为控制。
操作步骤
- 登录到您的 Genstore 管理后台。
- 转到 在线商店 -> 主题。
- 找到您想要编辑的主题，点击 ... 按钮以打开操作菜单，选择 编辑代码。
- 在左侧的文件目录中，选择您想要编辑的.liquid 或.json 文件。
- 在代码编辑器中进行所需的更改。
- 完成后，点击 保存。
主题文件结构说明
主题代码按用途和作用范围分为以下几个主要目录：
| 目录 | 描述 |
|---|---|
layout | - 页面总体布局文件，仅支持 .liquid 格式，- 通常包含 theme.liquid 等全局布局模板 |
templates | - 页面模板文件，对应不同页面类型（如产品页 product.json、系列页 collection.json）- 存储与页面类型，如产品页、博客页、购物车页等- 每个页面类型都有一个.liquid 文件，用于渲染该页面的内容。 |
sections | - 页面分区模块，支持 .json 与 .liquid 文件- 常用于构建页面中的动态区块，如 header.liquid、footer.liquid 等。- json 文件支持按市场命名进行配置 |
blocks | 允许商家将一些功能性部分作为“块”来动态添加到页面中，提供更高的可配置性 |
snippets | - 可复用代码片段- 主要为 .liquid 文件，不包含 schema 块- 适用于纯展示模块 |
assets | - 静态资源文件，如 CSS 样式表、JavaScript 脚本、图片、字体等- 如 theme.css、custom.js 等 |
Locales | - 存放语言文件，如果您的商店有多语言版本，Locales 文件夹会包含各语言的翻译文件，json 格式 |
快捷键说明
以下为代码编辑器中支持的常用快捷操作，提升您的开发效率：
| 操作类型 | Windows/Linux 快捷键 | macOS 快捷键 |
|---|---|---|
| 保存 | Ctrl + S | Cmd + S |
| 查找 | Ctrl + F | Cmd + F |
| 替换 | Ctrl + H | Cmd + H |
| 撤销 | Ctrl + Z | Cmd + Z |
| 选择全部 | Ctrl + A | Cmd + A |
| 复制 | Ctrl + C | Cmd + C |
| 剪切 | Ctrl + X | Cmd + X |
| 粘贴 | Ctrl + V | Cmd + V |
| 格式化代码 | Ctrl + Shift + I | Cmd + Shift + I |
| 注释/取消注释 | Ctrl + / | Cmd + / |
| 跳转至指定行 | Ctrl + G | Cmd + G |