【官網設計】以範圍顯示商品價格

有關的文章： 官網設計

若商品有設定不同的規格價格，會顯示從 xxxx 金額起，此文章將教導你如何設定價格以範圍顯示。

Candy 或之前發佈之佈景主題

此步驟適用於 Candy、Wave、X-force、Fall、Maker 等等舊版佈景主題

步驟一：編輯原始碼

前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → product-grid-item.liquid 文件 → 搜尋 product.price_varies



→ 換成以下代碼

{% if product.price_varies %} {{ price }} - {{ product.price_max | money: shop.money_format }} {% else %} {{ price }} {% endif %}

步驟二：點擊儲存，完成！

Aroma 或其後發佈之佈景主題

前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → price.liquid 文件 → 搜尋 product.price_varies （大約 21 或 22 行）




→ 換成以下代碼

{% if product.price_varies and product_template == null %} {{ price }} - {{ product.price_max | money: shop.money_format }} {% else %} {{ price }} {% endif %}

步驟二：點擊儲存，完成！

設定顯示結果：

Updated on: 12/01/2024