跳到主要内容

Liquid 基础

Liquid 是 Shopify 主题中连接数据和页面结构的模板语言。

输出变量​

{{ product.title }}
{{ product.price | money }}

使用双花括号输出变量，过滤器可以格式化内容。

条件判断​

{% if product.available %}
  <button>加入购物车</button>
{% else %}
  <button disabled>已售罄</button>
{% endif %}

条件判断适合处理库存、标签、模板类型和主题配置。

循环​

{% for product in collection.products %}
  {{ product.title }}
{% endfor %}

循环常用于商品列表、导航菜单、图片组和配置块。

实用习惯​

  • 给复杂逻辑加少量注释，解释业务原因。
  • 避免在多个文件复制同一段判断，优先抽到 snippet。
  • 对用户可见文案和内部 handle 要区分处理。