product.liquid

這是單一產品在任何產品列表頁面（如產品清單或進階頁面）中呈現的方式； 變更此模板可以自定義清單中的產品呈現。

Highlighted with red color overlay

---

變量

以下是一些重要的模板變量和模板方法的說明：

變量名稱	數據類型	描述
product.title	String	商品的標題
product.hide_price	Boolean	用於判斷是否隱藏商品價格
product.price_varies	Boolean	用於判斷商品的價格是否有變動
product.has_member_price	Boolean	商品有會員價格
product.has_different_member_prices	Boolean	用於判斷商品的會員價格是否變動
product.has_member_price_max_crossed	Boolean	用於判斷商品的最高會員價格是否已被劃掉
product.member_price_max.label	String	商品的最高會員價格標籤
product.has_different_prices	Boolean	商品的價格有變動
product.checkout_price_range	String	商品的結帳價格範圍
product.has_price_max_crossed	Boolean	用於判斷商品的最高價格是否已被劃掉
product.price_max.label	String	商品的最高價格標籤
product.member_price_min	String	商品的最低會員價格

---

範例

以下是一個簡單的範例，顯示一個商品的名稱和價格：

Liquid

<div class="Product">
  <div class="Product-image">
    <img src="{{ product.image.src }}" alt="{{ product.title}}">
  </div>
  <div class="Product-info">
    <h1 class="Product-name">{{ product.title }}</h1>
    <div class="Product-price">{{ product.price }}</div>
  </div>
</div>

📘

Note

該模板屬於 主題私有頁; 詳細說明請查閱 主題私有頁與系統頁