📅 最后修改于: 2023-12-03 14:47:26.933000 🧑 作者: Mango
Shopify Liquid 是 Shopify 平台所采用的模板语言，与 Ruby 语言基本一致，用于生成静态页面。通过 Liquid 代码片段，您可以轻松创建 Shopify 主题模板，并自动填充模板。
Liquid 标签是 Shopify 主题中的基本语法，用于输出内容、声明变量、逻辑控制等。
输出标签用于输出内容到网页，可以输出文本、表格、链接等。
{{ content_for_layout }}
您可以使用变量来存储和显示数据。
{% assign my_variable = "Hello World!" %}
{{ my_variable }}
逻辑控制标签用于控制页面的显示和隐藏，可以使用 if/else、for/while 循环语句进行逻辑控制。
{% if customer %}
Hi {{ customer.name }}!
{% else %}
Welcome guest!
{% endif %}
Liquid 过滤器可用于修改变量的值。例如，您可以使用一个过滤器来格式化日期、以小写格式输出字符串等。
日期过滤器用于格式化日期。
{{ created_at | date: "%Y-%m-%d" }}
字符串过滤器用于格式化字符串。
{{ product.title | upcase }}
Liquid 对象是 Shopify 主题中管理产品、订单、页面等数据的基本方法。您可以使用对象来获取产品信息、订单信息等。
{% for product in collection.products %}
<h2>{{ product.title }}</h2>
<p>{{ product.price }}</p>
{% endfor %}
以下是一个示例，展示了如何创建一个简单的 Shopify 主题页面。
{% assign my_variable = "Hello world!" %}
<!DOCTYPE html>
<html>
<head>
<title>{{ page.title }}</title>
</head>
<body>
<p>{{ my_variable }}</p>
{% if collection.handle == "frontpage" %}
<h1>Welcome to our store!</h1>
{% endif %}
{% for product in collection.products %}
<h2>{{ product.title }}</h2>
<p>{{ product.price }}</p>
{% endfor %}
</body>
</html>
以上代码片段可以显示变量、条件语句、数据对象等，并基于数据渲染出页面。