【官網設計】如何調整商品分類區塊和頁面的商品名稱和價格大小(Aroma 與其後發佈之主題)

本文將說明如何編輯原始碼以更改商品分類區塊和頁面的商品名稱和價格大小。
於官網首頁的商品分類區塊

於商品分類頁面

更改商品分類區塊和頁面的商品名稱大小
- 前往 EasyStore 後台 > 品牌官網 > 編輯原始碼 > assets > 第一個 component-card.css.
 

- 搜尋 .card-information__text > 在下方置入
 
font-size: 20px;
你可隨意調整大小

- 點擊儲存
 
更改商品分類區塊和頁面的商品價格大小
- 前往 EasyStore 後台 > 品牌官網 > 編輯原始碼 > component-price.css
 

- 搜尋 
.price {> 調整font-size: 1.4rem; 
數字越大代表字體大小越大

- 搜尋 
.price--on-sale .price-item--regular {> 調整font-size: 1.3rem; 

- 點擊儲存
 
更新時間: 04/11/2025
感謝!
