构建主题

使用 Liquid、HTML、CSS、JavaScript 和 JSON 构建快速、灵活的主题。先创建新主题或自定义现有主题，再按需查看架构、功能、API 和上架指南。

1 创建主题 搭建开发环境，并基于参考主题开始构建新的主题。 2 自定义主题 访问商家店铺，调整现有主题，以匹配品牌和在线商店体验。

了解主题模型

在修改 template、section、设置项或 Liquid 代码之前，先理解 Shoplazza 主题的组织方式。

ARCH 主题架构 了解 layout、template、section、配置、语言文件和设置项如何协同工作。 TPL 模板 使用 JSON template 控制不同前台页面展示的内容。 SEC Sections 和 blocks 构建商家可以排列和自定义的可复用模块。 LIQ Liquid 使用 Liquid 对象、标签和过滤器渲染动态前台内容。

构建前台功能

为商品展示、搜索、价格、SEO、自定义数据、事件和分析添加商家需要的前台能力。

PDP 商品展示 展示商品、商品子款式、媒体和商品详情页体验。 PAY 价格与支付 展示价格、折扣和支付相关的前台信息。 NAV 导航与搜索 帮助买家浏览、搜索、筛选并完成前台访问路径。 SEO SEO 控制前台页面的元数据和搜索引擎信号。 DATA 自定义数据 使用 metafields 存储和展示自定义前台数据。 PIX 追踪与分析 构建 Pixel 集成和前台行为事件追踪。

使用开发者工具

使用 Shoplazza 工具和扩展进行本地开发，并扩展主题或结帐页体验。

CLI Shoplazza CLI 在本地初始化、预览、测试和共享主题。 CMD CLI 命令 查看主题和 app 本地开发流程中的命令参考。 EXT 主题扩展 为在线商店主题添加由 extension 驱动的 UI 和行为。 CHK 结帐页扩展 通过支持的 target 和 API 扩展结帐页体验。

API 与参考资料

构建互动体验和 Liquid template 时，可以从这里进入常用参考资料。

API Ajax API 查看购物车、商品、集合、搜索等在线商店接口。 OBJ Liquid 对象 查询 product、cart、customer、variant 等对象。 FLT Liquid 过滤器 格式化字符串、价格、媒体、数组和其他输出。 TPL 模板参考 查看不同页面 template 的结构和用法。

遵循最佳实践

使用成熟模式，让主题更模块化、性能更好，也更易于商家自定义。

BEST 最佳实践 查看主题开发和维护的核心实践。 MOD Sections 和 blocks 设计能在主题编辑器中良好工作的模块化内容。 PERF 性能 保持在线商店体验快速、稳定。 VIEW 预览检查器 让 section 和 block 在主题编辑器预览中更容易被检查。

发布到 Theme Store

为主题审核、测试、上架和发布后的持续运营做好准备。

STORE 主题商店 了解 Theme Store 的发布流程。 REQ 要求 提交主题前检查上架要求。 TEST 主题测试 在审核前验证主题质量。 REV 审核与上架 了解提交、审核和上架准备流程。