Seed
Seed 是 SHOPLINE 的参考主题,专为性能、灵活性和易用性而构建。它使用了 Online Store 2.1 的功能,包括支持所有页面上的 App Block 和 JSON templates。Seed 是所有免费 SHOPLINE 主题的基础。
Seed 是一款超轻量级、移动优先的主题,使用原子组件、极少的 JavaScript 和一组明确的功能。它在最大限度提供商家灵活性的同时,最小化了复杂性。
我们开发了一套最佳实践并使用它们来构建 Seed 主题:
- 性能 - Seed 的每个部分都是以性能为核心构建的。Seed 使用多种策略来优化性能。例如,它尽可能地使用 CSS 和原生浏览器功能而非 JavaScript,以减少包大小和加载时间。
- 设计 - Seed 的构建考虑了商家和客户的体验。它结合了灵活性和易用性,提供了强大的品牌表达和直观的界面。
- section 和 blocks 的使用 - Seed 通过将模板功能拆分为 section 和 block,将灵活性融入模板。这使得商家能够在任何页面上构建自定义布局,并在页面的多个位置引入 App Block。
Seed 的使用方法
以下表格描述了我们为使用 Seed 的开发人员提供的指南:
允许 | 不允许 |
---|---|
- 克隆并定制 Seed 用于你的商店或客户的商店 - 探索 Seed 以了解主题的最佳实践 - 探索 Seed 以了解主题组件和功能实现 - 利用 Seed 的组件未你自己的主题或客户的主题提供支持 | - 在第三方网站或平台上销售 Seed、Seed 的定制版本或其任何组件。 |
探索示例主题组件
SHOPLINE 主题架构具有灵活性,可以通过不同的方式实现,以支持商家的目标或满足特定商家群体的需求。
如果你是 SHOPLINE 主题的新手,或希望了解某些架构组件的使用方式,可以探索 Seed 中该组件的实现。
由于 Seed 已经为其所有页面提供了 JSON 模板,你可以在向自己主题添加 section 时将其作为模型。
克隆 Seed 并构建
你可以使用 Seed 作为构建自己主题的起点。如果你在使用 SHOPLINE CLI 进行主题开发,可以使用 init
命令将仓库克隆到本地计算机。你也可以直接从仓库克隆 Seed。
此过程在创建主题教程中有详细记录。
这篇文章对你有帮助吗?