扩展您的模板

Shopify 模板提供许多设置和自定义选项。但是,您的模板可能不提供某些功能,或者您可能只是想进一步自定义模板。例如,您可能希望在商店中显示产品评论,这可以通过安装应用来实现。如果要扩展您的模板功能,您可以按照以下方式进行扩展。

添加自定义 HTML 或 Liquid

某些模板提供一些设置,让您能够添加 HTML 或 Liquid 代码的代码片段,这些代码可在包含相关设置的模板、分区或块中呈现。通过这些设置,您可以安全地将自定义代码添加到在线商店,而无需直接编辑模板的代码,这有助于确保您的模板符合自动升级条件。

您可以将这些设置用于以下任务:

  • 使用自定义 Liquid 分区插入适合您业务的 Liquid 变量。例如,您可以在产品页面上包含物流政策
  • 使用自定义 Liquid 分区添加将应用与模板集成所需的代码。

若要了解模板是否有自定义 HTML 或 Liquid 选项,请参阅模板的文档。

Liquid 设置仅允许您访问有限的 Liquid 对象和标签。若要了解可在 Liquid 设置中使用的对象和标签,请参阅 Shopify.dev 上的 Liquid 设置文档。

安装应用

您可以安装应用,以向您的模板中添加功能和集成。您可在 Shopify 应用商店上查找应用。

在线商店应用可以通过以下方式与您的模板集成:

  • 作为应用块:通过应用块,您可以准确地在模块中要使用应用功能的位置添加应用功能。您可以通过模板编辑器添加、删除和自定义应用块。

    应用块只能与“Online Store 2.0” 模板一起使用。如果您使用复古模板,那么您应该阅读应用描述和文档,了解该应用是否与您的模板兼容。

  • 作为应用嵌入:应用嵌入是应用提供的元素,可在您的模板中浮动或以叠加层的形式显示,也可在客户看不到的情况下将代码添加到您的在线商店。您可以通过模板编辑器启用、禁用和自定义应用嵌入。

  • 通过更改您的模板代码:一些应用直接将代码注入您的模板代码中,以便为您的模板添加功能。您可以使用应用设置或使用模板编辑器自定义应用。

    如果您的模板提供 Custom Liquid 部分,您或许可以将您的应用代码添加到模板编辑器中的“自定义 Liquid”部分,而不是直接编辑您的模板代码。

编辑模板代码

您可以通过编辑模板代码来对在线商店进行详细更改。模板文件包含 Liquid(Shopify 的模板语言),以及 HTML、CSS、JSON 和 JavaScript。只有在您了解 HTML 和 CSS,并具备 Liquid 的相关基础知识时,才可编辑模板的代码。

如果您编辑模板的代码,则可能会使其不符合自动升级的条件。只有在无法使用 HTML 或 Liquid 设置或 Shopify 应用进行所需更改的情况下,才应编辑模板的代码。

如果您使用 Shopify 的免费模板,Shopify 支持团队可以帮助您对模板代码进行某些自定义。有关可用自定义项的列表,请参阅模板的文档。详细了解针对模板的支持

您可以按照以下方式编辑您的模板代码:

准备好开始使用 Shopify 进行销售了吗?

免费试用