Sections 和 Blocks​

设计主题时，你应考虑何时用 Section 或者 Block 提供功能。Section 和 Block 是模块化组件，让商家能够自定义和扩展其主题。商家可以添加和删除 Section 和 Block，调整 Section 和 Block 设置，并引入 App Blocks 和 元字段。

这些指南适用于使用 JSON templates 和 Section 的 Online Store 2.1 主题。你不能从 Handlebars 模板或 Layout 模板中添加或删除静态 Sections。

Sections​

Sections 在所有页面上可用。

在构建主题模板时，你应确保模板的默认内容可在主模板 section 中可用，并且 section 可以添加、删除和重新排序。你可以使用 section 执行以下操作：

• 在 template 级别添加、删除或重新排序内容
• 控制适用于整个 section 布局和对各个 section 的设置

Blocks​

你应提供 blocks，以便在 section 级别添加、删除或重新排序内容，或者在提高 section 的可用性时使用。

开发 blocks 时，请牢记以下原则：

• 确保主题配置的范围仅限于该 block。
• 选择适合内容的 block 布局，并确保无论 block 类型或顺序如何调整，block 都能逻辑合理地流动。
• 选择适当的灵活性级别来引入 block 的使用。

Blocks 布局​

在设置 section 的网格布局时，请确保你的 block 无论类型和顺序如何，都遵循逻辑和直观的阅读流程。

确定 block 在 section 中的排列方式时，请考虑以下几点：

• 对于需要首次结构的文本内容时，将 block 垂直堆叠。

• 如果不需要显示层次结构，则可以水平堆叠 block 或创建适应 section 中可用 block 类型的网格。

• 当水平堆叠 block 时，确保 section 网格可以换行或提供水平股东控件，以保持舒适的 block 宽度。确保你的 section 网格具有响应性，并且 block 可以根据屏幕大小重新排列。

• 不要依赖特定的 block 类型或顺序来设计布局，也不要使用特定的 block 顺序来更改网格布局。

Block 及其灵活性​

为了平衡简单性和灵活性，你应该仔细考虑何时添加 block 以及每个 block 应包含的内容。过多的 block 会导致混乱和复杂性。你可以使用以下原则来定义 block。

• 将设置分组到 block 中，以简化编辑体验并清理编辑器侧边栏。例如，你可以将主题设置嵌套在 block 内，以自定义图像 block。
• 当元素遵循特定层级结构时，将元素分组在一起，并可以选择在前后允许 block 插入点。例如，你可以创建一个控制购物车页面行项目的单个 block。
• 避免提供过于细化的 block。过于细化会增加主题代码和商家编辑体验的复杂性。例如，你应该将作者、日期和评论分组到一个 block 或设置中，而不是将这些属性引入为三个单独的 block。

App Blocks 的注意事项​

商家可以将应用程序提供的 block 添加到他们的主题中。作为主题开发人员，你需要在 section 中添加对这些类型 block 的支持。在决定是否在 section 中支持 App Blocks 时，请考虑以下几点：

• 在有明确使用案例的 section 中欧冠提供 App Blocks 时，以添加额外的转换工具或购买决策因素。例如，你可能希望在商品页面上包含带有商品信息的 App Block，或在购物车模板汇总包含 App Block。
• 在考虑使用 App Block 扩展主题时，请始终考虑抗脆弱性和 section 的目的。插入意外的 block 类型时布局是否容易破坏？是否需求添加极端情况的 CSS 样式来处理这些 block？是否会使 section 的目的变得模糊或不一致？如果这些问题的答案是肯定的，则应避免使用 App Blocks。

主题设置​

使用主题设置提供不同的外观和功能选项。主题设置可以应用于 sections、blocks 和主题级别。

元字段​

SHOPLINE 提供了各种标准的元字段，可以适应你的目标市场。查看可用的元字段，并考虑哪些用例适合你的主题。例如，你可能会为护理指南或尺码表元字段包含 sections 或 blocks。这些元字段在被引用为动态源时，会更新以反映其上下文，例如正在渲染的商品。

在将元字段构建到你的主题中时，考虑为元字段构建特定的 block。你还可以针对目标市场的电子商务网站，并分析内容的呈现方式，以识别并设计为特定的组件。例如，你可能希望使用元字段为电子产品创建格式良好的信息列表。