快速入门
使用 Liquid、HTML、CSS、JavaScript 和 JSON 构建快速、灵活的主题。先创建新主题或自定义现有主题,再按需查看架构、功能、API 和上架指南。
了解主题模型
在修改 template、section、设置项或 Liquid 代码之前,先理解 Shoplazza 主题的组织方式。
主题架构
了解 layout、template、section、配置、语言文件和设置项如何协同工作。
模板
使用 JSON template 控制不同前台页面展示的内容。
Sections 和 blocks
构建商家可以排列和自定义的可复用模块。
Liquid
使用 Liquid 对象、标签和过滤器渲染动态前台内容。
构建前台功能
为商品展示、搜索、价格、SEO、自定义数据、事件和分析添加商家需要的前台能力。
商品展示
展示商品、商品子款式、媒体和商品详情页体验。
价格与支付
展示价格、折扣和支付相关的前台信息。
导航与搜索
帮助买家浏览、搜索、筛选并完成前台访问路径。
SEO
控制前台页面的元数据和搜索引擎信号。
自定义数据
使用 metafields 存储和展示自定义前台数据。
追踪与分析
构建 Pixel 集成和前台行为事件追踪。
使用开发者工具
使用 Shoplazza 工具和扩展进行本地开发,并扩展主题或结帐页体验。
Shoplazza CLI
在本地初始化、预览、测试和共享主题。
CLI 命令
查看主题和 app 本地开发流程中的命令参考。
主题扩展
为在线商店主题添加由 extension 驱动的 UI 和行为。
结帐页扩展
通过支持的 target 和 API 扩展结帐页体验。
API 与参考资料
构建互动体验和 Liquid template 时,可以从这里进入常用参考资料。
Ajax API
查看购物车、商品、集合、搜索等在线商店接口。
Liquid 对象
查询 product、cart、customer、variant 等对象。
Liquid 过滤器
格式化字符串、价格、媒体、数组和其他输出。
模板参考
查看不同页面 template 的结构和用法。
遵循最佳实践
使用成熟模式,让主题更模块化、性能更好,也更易于商家自定义。
最佳实践
查看主题开发和维护的核心实践。
Sections 和 blocks
设计能在主题编辑器中良好工作的模块化内容。
性能
保持在线商店体验快速、稳定。
预览检查器
让 section 和 block 在主题编辑器预览中更容易被检查。
发布到 Theme Store
为主题审核、测试、上架和发布后的持续运营做好准备。