promotion_product.liquid

promotion_product.liquid 用於呈現網站的促銷商品，包括商品的圖片、標籤、價格以及購買按鈕。

可套用於促銷商品換頁 {domain}/promotions/{url handle}，以下為預設畫面：

---

模板變量

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

變量名稱	數據類型	描述
product.id	String	產品的 ID
product.url	String	產品的 URL
product_labels	Object	產品的標籤
shop.features	Array	商店的功能列表
product.sold_out	Boolean	產品是否售罄
product.available_time_type	String	產品的可用時間類型
product.image.src	String	產品圖片的源 URL
product.title	String	產品的標題
product.price	String	產品的價格

---

範例

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

Liquid

<div class="product-item">
  <product-item product-id="{{ product.id }}">
    <a href="{{ product.url }}">
      <div>
        <img src="{{ product.image_url }}" alt="{{ product.title }}">
        <div class="product-title">{{ product.title }}</div>
        <div class="product-price">{{ product.price }}</div>
      </div>
    </a>
  </product-item>
</div>

📘

Note

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