> ## 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/b34797d9594d3000/6ygp55so5ywo6yoo5pa55qgi_167y8u3.png)

新版主題（Aroma 或其後發佈之佈景主題）的商品描述都會呈現在商品頁面右側（Aroma、Marshmallow、Freshbit 除外），若你想要調整商品描述的位置到商品圖片正下方，你可參考此篇文章的方法。

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

### 目錄：

[🔷設定步驟](#3-5q2l6amf5lia77ya57eo6lyv5y6f5ael56k8)
[🔷設定結果](#1-6kit5a6a57wq5p6c)
---

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

1. 前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 找到  `main-product.liquid` 文件

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

2. 搜尋  `{% app_snippet 'product/description_top' %}`

3. 剪下以下代碼

由於代碼位置會因佈景主題而異，請參考你所使用的佈景主題，並對照以下的代碼截圖來確認相應的位置

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

### 或

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

4. 把代碼貼到  `{% app_snippet 'product/description_bottom' %}` 上方

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

### 步驟二：點擊儲存，即可
---

# 設定結果

**設定前：**

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

**設定後：**

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