> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 【官網設計】如何調整商品頁面的商品名稱大小（Aroma 與其後發佈之主題）


![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/6ygp55so5ywo6yoo5pa55qgi_1n4ce27.png)

| 此文章僅適用於 Aroma 與其後發佈之主題

||| EasyStore 本不支援客製化原始碼服務，但我們非常了解商家需求，特此提供修改原始碼路徑。然而，編輯原始碼會更改原本的架構，可能導致代碼不相容或影響到其他功能，本站概不負責。提醒商家在進行任何代碼修改之前，務必慎重考慮及深入評估。

---

此文章將講解如何在 Aroma 與其後發佈之主題裡調整商品頁面裡的商品名稱大小

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_1k0qp70.png)


---

### 步驟一：編輯原始碼

1. EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題 → 編輯原始碼

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_fmgre1.png)

2. 找到  `main-product.liquid` 文件

3. 找到  `<h1 class="product__title">`

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_f70kkh.png)

4. 更換成  `<h1 class="product__title" style="font-size: 40px;">`

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_ua0yz4.png)

5. 然後可自行調整 40px 的數字，調高為調大，調低為調小

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