Shopify 对象参考

<form action="{{ routes.search_url }}" method="get" role="search">
  <label class="visually-hidden" for="q">搜索</label>
  <input id="q" type="search" name="q" value="{{ search.terms | escape }}" placeholder="搜索…">
  <button type="submit">搜索</button>
</form>

<h1>{{ shop.name }}</h1>
{% if shop.description != blank %}
  <p>{{ shop.description }}</p>
{% endif %}
 
<address>
  {{ shop.address.address1 }}<br />
  {% if shop.address.address2 != blank %}{{ shop.address.address2 }}<br />{% endif %}
  {{ shop.address.city }}, {{ shop.address.province_code }} {{ shop.address.zip }}<br />
  {{ shop.address.country }}
</address>
 
<p><a href="mailto:{{ shop.email }}">{{ shop.email }}</a></p>
 
{% if shop.privacy_policy %}
  <a href="{{ shop.privacy_policy.url }}">隐私政策</a>
{% endif %}

<p>小计 {{ cart.total_price | money }}{% if cart.currency != shop.currency %}（{{ cart.currency }}）{% endif %}</p>
 
{% for item in cart.items %}
  <div class="cart-line" data-line-key="{{ item.key }}">
    {% if item.image %}
      {{ item.image | image_url: width: 120 | image_tag: alt: item.image.alt | default: item.title, loading: 'lazy' }}
    {% endif %}
    <div>
      <a href="{{ item.url }}">{{ item.product.title }}</a>
      {% unless item.product.has_only_default_variant %}
        <p>{{ item.variant.title }}</p>
      {% endunless %}
      <p>{{ item.final_line_price | money }} × {{ item.quantity }}</p>
    </div>
  </div>
{% endfor %}
 
{% if cart.item_count == 0 %}
  <p>购物车是空的。</p>
  <a href="{{ routes.all_products_collection_url }}">去逛逛</a>
{% endif %}

{% if customer %}
  <p>欢迎，{{ customer.first_name | default: '顾客' }}</p>
  <p>{{ customer.email }}</p>
  {% if customer.default_address %}
    <p>{{ customer.default_address.city }}</p>
  {% endif %}
  <a href="{{ routes.account_url }}">账户</a>
{% else %}
  <a href="{{ routes.account_login_url }}">登录</a>
  <a href="{{ routes.account_register_url }}">注册</a>
{% endif %}

{% case request.page_type %}
  {% when 'index' %}
    {% comment %} 首页 {% endcomment %}
  {% when 'product' %}
    {% comment %} 产品页 {% endcomment %}
  {% when 'collection' %}
    {% comment %} 集合页 {% endcomment %}
  {% when 'cart' %}
    {% comment %} 购物车 {% endcomment %}
  {% else %}
    {% comment %} 其他类型 {% endcomment %}
{% endcase %}

{% if request.design_mode %}
  <p class="theme-debug">page_type={{ request.page_type }}</p>
{% endif %}

<h1>{{ product.title }}</h1>
<p>{{ product.vendor }}</p>
 
<div class="price">
  {% if product.compare_at_price > product.price %}
    <span class="compare">{{ product.compare_at_price | money }}</span>
    <span class="sale">{{ product.price | money }}</span>
  {% else %}
    <span>{{ product.price | money }}</span>
  {% endif %}
</div>
 
{% if product.description != blank %}
  <div class="rte">{{ product.description }}</div>
{% endif %}
 
{% if product.featured_image %}
  {{ product.featured_image | image_url: width: 800 | image_tag: alt: product.featured_image.alt | default: product.title, loading: 'eager', fetchpriority: 'high' }}
{% endif %}

<h1>{{ collection.title }}</h1>
{% if collection.description != blank %}
  <div class="rte">{{ collection.description }}</div>
{% endif %}
 
{% paginate collection.products by 24 %}
  {% for product in collection.products %}
    {% render 'product-card', product: product %}
  {% endfor %}
  {% if paginate.pages > 1 %}
    <a href="{{ paginate.next.url }}" rel="next">下一页</a>
  {% endif %}
{% endpaginate %}

{% if collection.products_count == 0 %}
  <p>该集合暂无商品。</p>
{% endif %}

<h1>{{ blog.title }}</h1>
{% for article in blog.articles limit: 10 %}
  <article>
    <h2><a href="{{ article.url }}">{{ article.title }}</a></h2>
    <time datetime="{{ article.published_at | date: '%Y-%m-%d' }}">{{ article.published_at | date: '%Y-%m-%d' }}</time>
    {% if article.excerpt != blank %}
      <p>{{ article.excerpt | strip_html | truncate: 160 }}</p>
    {% endif %}
  </article>
{% endfor %}

<h1>{{ page.title }}</h1>
<div class="rte">{{ page.content }}</div>

{% if template.name == 'product' %}
  {% comment %} 产品 JSON 模板等 {% endcomment %}
{% endif %}

{% paginate collection.products by 12 %}
  {% for product in collection.products %}…{% endfor %}
  {% if paginate.pages > 1 %}
    <nav aria-label="分页">
      {% if paginate.previous %}<a href="{{ paginate.previous.url }}" rel="prev">上一页</a>{% endif %}
      {% for part in paginate.parts %}
        {% if part.is_link %}<a href="{{ part.url }}">{{ part.title }}</a>{% else %}<span>{{ part.title }}</span>{% endif %}
      {% endfor %}
      {% if paginate.next %}<a href="{{ paginate.next.url }}" rel="next">下一页</a>{% endif %}
    </nav>
  {% endif %}
{% endpaginate %}

{% if search.performed %}
  <h1>「{{ search.terms | escape }}」的搜索结果</h1>
  <p>共 {{ search.results_count }} 条</p>
  {% for item in search.results %}
    {% case item.object_type %}
      {% when 'product' %}
        <a href="{{ item.url }}">{{ item.title }}</a>
      {% when 'article' %}
        <a href="{{ item.url }}">{{ item.title }}</a>
      {% when 'page' %}
        <a href="{{ item.url }}">{{ item.title }}</a>
    {% endcase %}
  {% endfor %}
{% endif %}

{% if product.featured_image %}
  {% assign img = product.featured_image %}
  {{ img | image_url: width: 600 | image_tag: alt: img.alt | default: product.title | escape, loading: 'lazy' }}
{% endif %}