【官網設計】商品價格顯示為「價格區間」

若商品有設定不同的規格價格,部分主題會顯示從 xxxx 金額起,此文章將教導你如何設定價格以區間 / 範圍顯示。
設定前:

設定後:

新版主題(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 %}

步驟二:點擊儲存,完成!
舊版主題(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 %}

步驟二:點擊儲存,完成!
更新時間: 11/03/2026
感謝!
