Seed

Seed 是 SHOPLINE 的参考主题,专为性能、灵活性和易用性而构建。它使用了 Online Store 2.1 的功能,包括支持所有页面上的 App BlockJSON templates。Seed 是所有免费 SHOPLINE 主题的基础。

Seed 是一款超轻量级、移动优先的主题,使用原子组件、极少的 JavaScript 和一组明确的功能。它在最大限度提供商家灵活性的同时,最小化了复杂性。

Seed.png

我们开发了一套最佳实践并使用它们来构建 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。

此过程在创建主题教程中有详细记录。

这篇文章对你有帮助吗?