扩展您的模板

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

添加自定义 HTML 或 Liquid

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

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

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

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

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

添加自定义 CSS

层叠样式表 (CSS) 可更改元素在模板中的显示方式,并且可以一次控制多个页面的外观。除了模板中内置的设置外,您还可以使用自定义 CSS 功能来自定义模板。您可以向整个模板或模板中的特定模板分区中添加自定义 CSS。

自定义 CSS 需要熟悉 CSS 和 HTML。在自定义模板之前,请确保您了解可用的支持级别

安装应用

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

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

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

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

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

编辑模板代码

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

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

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

与本节相关的主题

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

免费试用