SHOPLINE 主题概览
一个主题定义了 SHOPLINE Online Store 的视觉风格、用户体验和功能特性，这直接影响商家和顾客的交互体验。
SHOPLINE 主题是通过结合 Handlebars 模板语言以及 HTML、CSS、JavaScript 和 JSON 来构建的，这些技术使得开发者能够灵活地设计出符合客户需求的界面风格。为了提高开发效率，SHOPLINE 还提供了一系列的工具和推荐的最佳实践方法。
作为开发者，你可以为某个特定商家构建一个定制化的主题，或者根据商家的具体需求来调整现有主题。你还可以在 SHOPLINE 主题商店开发并销售自己的主题。此外，你也可以通过创建应用程序来增强主题的功能。
SHOPLINE 主题剖析
一个主题定义了 SHOPLINE Online Store 的视觉风格、用户体验和功能特性。主题代码按照特定于 SHOPLINE 的标准目录结构及资产（例如 Image、CSS 和 JavaScript）进行组织。
作为开发者，你应该针对特定的市场和使用案例优化主题的组织、功能和样式。最好的主题是根据特定商家来量身定制的。了解设计主题时需要考虑的因素和最佳实践。
如果你正在为 SHOPLINE 主题商店构建主题，那么你需要在主题提供的布局选项、主题样式和包含的功能方面满足某些要求。
标记和功能
每个页面的组织由以下组件组成。
每个主题都应该包含不同类型的模板来展示不同类型的内容，例如主页和商品详情页。你还可以为同一资源类型创建多个模板，来展示不同的内容。
可以在 Handlebars template 文件、sections、blocks 和 snippet 中向主题引入功能。你可以使用 Handlebars、CSS 和 JavaScript 实现主题功能。主题中包含的功能决定了客户如何与在线商店的内容互动。例如，你的主题需要通过提供带有 product 类型的 Handlebars form helper，让客户能够将商品添加到购物车中。
配套资产
你可以向主题添加配套资产，以控制组件和功能的展示，或使用跨组件使用的可重用代码片段。
例如，你需要添加资源来设计主题的样式。这些资源有助于定义在线商店的美感，以及内容的样式以表达商家的品牌。主题的样式由应用于 layout、template 和 section 文件中的 CSS 和 JavaScript 来定义。你希望在整个主题中来重复使用 Handlebars 和 HTML 可以将其存储在 snippets 目录中。主题 CSS 和 JavaScript 文件存储在主题的 assets 目录中。
此外，你可以使用本地化文件将你的主题翻译成不同的语言。本地化文件包含一组用于整个主题的文本字符串的翻译集合，并存储在主题的 locales 目录中。
允许商家定制
商家可以通过使用 SHOPLINE 主题编辑器来定制他们的主题。你可以提供不同的主题定制选项，使商家能够在不编辑代码的情况下创造他们想要的客户体验。
- 你可以通过使用 sections 和 blocks 使你的主题模板模块化。
- 你可以创建 settings，让商家控制主题的外观或行为。商家可以通过使用动态源为 settings 设置动态值。
主题发布
主题可以通过以下方式进行发布。
- 通过将主题目录打包成一个 zip 文件，然后商家可以在他们的 SHOPLINE 管理后台上传。
- 使用 SHOPLINE CLI 将主题推送到商店。
工具、最佳实践
请查看以下工具、最佳实践，以优化你的主题构建过程。
工具
SHOPLINE 提供了一系列工具来帮助你更快地构建 SHOPLINE 模版。
你可以使用 SHOPLINE 提供的工具在本地构建和编辑主题、访问 SHOPLINE 基础设施。你还可以使用 SHOPLINE 的参考主题 Seed 作为你自己的主题的起点，或者探索如何使用 SHOPLINE 的主题构建最佳实践来实现不同的功能。
最佳实践
为了优化你的主题开发体验，SHOPLINE 制定了一组最佳实践，你可以在开发主题和相关工具链和流程时参考。我们的最佳实践包括以下内容：
- 设计和编码主题 - 为了创造最佳的客户体验，并保持商家店铺的速度、可访问性和可发现性，你需要考虑许多因素。在构建 Seed 时，SHOPLINE 开发人员确定了几个原则和最佳实践，你可以遵循这些原则来设计和构建优化的主题。
- 在商家商店工作- 当你为商家开发或定制主题时，你应该牢记有关安全性、工具使用和协作的某些最佳实践。
