【官網設計】如何單獨變更商品價格顏色

僅適用於新版主題（Aroma 與其後發佈之主題）

在佈景主題設定中調整價格顏色時，可能會連帶影響其他元素，例如商品名稱的顏色。這篇文章將教你如何僅針對商品價格進行顏色調整，避免影響整體設計。



前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 搜尋 assets → base.css 文件夾

於 base.css 文件夾最下方貼上以下代碼（可自由更換顏色代碼）：

.price-item--regular,
.price-item--sale {
    color: #ff5588;
}

設定結果：除了劃線原價外的價格都會變更顏色



若希望劃線原價也變更顏色，可把代碼換成以下（可自由更換顏色代碼）：

.price-item--regular,
.price-item--sale,
s .money{
    color: #ff5588;
}

設定結果

更新時間： 29/04/2025