扩展您的模板
Shopify 模板提供许多设置和自定义选项。但是,您可能想进一步自定义模板。例如,您可能希望在商店中显示产品评论,这可以通过安装应用来实现。如果要扩展您的模板功能,可以使用自定义代码或应用来进行扩展。
本页相关主题
添加自定义 HTML 或 Liquid
某些模板提供一些设置,让您能够添加 HTML 或 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 后台中编辑代码。
- 使用 Shopify CLI 和 Shopify GitHub 集成等开发工具在本地编辑模板。