跳到主要内容

Theme 标签

Theme tags 用于分配或渲染属于您的 theme 的内容。

include​

渲染一个 snippet。

在 snippet 内部，您可以访问和修改在 snippet 外部创建的变量。

{% include 'filename' %}
  • filename：要渲染的 snippet 名称，不含 .liquid 扩展名。

javascript​

包含在 section 或 snippet 文件中的 JavaScript 代码。

要了解更多关于 section 专属 JavaScript 的加载和运行方式，请参阅 sections 文档。

{% javascript %}
  javascript_code
{% endjavascript %}
  • javascript_code：该 section 的 JavaScript 代码。

render​

渲染一个 snippet 或 app block。

在 snippets 和 app blocks 内部，您无法直接访问在 snippet 或 app block 外部创建的变量。但您可以将变量作为参数指定，以便将外部变量传递给 snippets。

虽然无法直接访问已创建的变量，但您可以访问全局 objects，以及在 snippet 或 app block 外部可直接访问的任何 objects。例如，位于 product template 中的 snippet 或 app block 可以访问 product object，而位于 section 中的 snippet 或 app block 可以访问 section object。

在 snippet 或 app block 外部，您无法访问在 snippet 或 app block 内部创建的变量。

{% render 'filename' %}
  • filename：要渲染的 snippet 名称，不含 .liquid 扩展名。

render tag 参数​

向 snippet 传递变量​

{% render 'filename', variable: value %}

在 snippet 外部创建的变量可以作为 render tag 的参数传递给 snippet。

📘 提示

对传入变量所做的任何更改仅在 snippet 内部生效。

section​

渲染一个 section。

使用 section tag 渲染 section 时，该 section 以静态方式渲染。要了解更多关于 sections 及其在主题中的使用方式，请参阅渲染 section。

{% section 'name' %}
  • name：要渲染的 section 文件名称。

stylesheet​

包含在 section 或 snippet 文件中的 CSS 样式。

要了解更多关于 section 专属 CSS 的加载和运行方式，请参阅 sections 文档。

{% stylesheet %}
  css_styles
{% endstylesheet %}
  • css_styles：该 section 的 CSS 样式。