Section模块设计要求

    Section模块设计要求

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

    • 在模板或分区组级别添加、删除或重新排序内容
    • 控制适用于整个部分的布局和内容的主题设置

    区块

    提供块来在部分级别添加、删除或重新排序内容,或者在增强部分可用性时提供块。

    开发块时请牢记以下原则:

    • 确保主题设置范围在块内。
    • 选择适合内容的块布局,并确保无论块类型或序列如何,块都符合逻辑。
    • 选择适当的灵活性级别来引入使用块。

    块布局

    在为您的部分设计网格布局时,请确保您的块遵循逻辑和直观的阅读流程,而不管块类型和块序列如何。

    在确定块在某个部分中的流动方式时,请考虑以下几点:

    • 对于需要层次结构的基于文本的内容,请垂直堆叠块。

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

    • 水平堆叠块时,请确保分区网格可以换行,或者提供水平滑动控件以保持舒适的块宽度。确保您的分区网格响应迅速,并且块可以根据屏幕尺寸重新排列。

    • 不要依赖特定的块类型或序列来设计布局,也不要使用特定的块顺序来改变网格布局。

    块和灵活性

    为了平衡简单性和灵活性,您应该仔细考虑何时添加块以及每个块应包含什么。太多的块会造成混乱和复杂性。您可以使用以下原则来了解如何定义块:

    • 将设置分组到块中,以简化编辑体验并简化编辑器侧边栏。
    • 当元素遵循特定层次结构时,将元素分组在一起,并可选择在前后允许块插入点。
    • 避免提供过于精细的区块。精细度会增加主题代码和商家编辑体验的复杂性。

    应用程序块的注意事项

    商家可以将应用提供的区块添加到其主题中。作为主题开发者,您需要在版块中添加对这些类型区块的支持。在决定是否在版块中支持应用区块时,请考虑以下事项:

    • 在具有明确用例的部分中提供应用块,用于分层其他转化工具或购买决策因素。例如,您可能希望在产品页面或购物车模板中包含一个包含产品信息的应用块。
    • 考虑使用应用程序块扩展主题时,请务必考虑抗脆弱性和部分的目的。插入意外的块类型时布局会很容易中断吗?是否需要添加边缘情况 CSS 样式来处理这些块?这会使部分的目的变得模糊或不一致吗?如果这些问题的答案是肯定的,那么请避免使用应用程序块。

    主题设置

    使用主题设置提供不同的外观和感觉选项。主题设置可应用于部分、块和主题级别。

    元字段

    Shopify 提供各种适合您的目标细分市场的标准元字段。查看可用的元字段,并考虑哪些用例适合该主题。例如,您可以为护理指南或尺码表元字段添加部分或块。当引用这些元字段作为动态源时,它们会更新以反映其上下文,例如正在呈现的产品。