> ## 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).
# 【官網設計】商品頁面顯示商品品牌 & 商品標籤
商家可以在商品頁面上，添加商品品牌 & 商品標籤顯示，讓客戶更輕鬆地瀏覽查看該商品的相關資訊，您可以根據以下步驟開始設定。
||| ⚠️ 若更換佈景主題後，需重新編輯原始碼。
如何設定
1. [使用Candy 或之前發佈之佈景主題](#6-candy)
2. [使用Aroma 或之後發佈之佈景主題](#6-aroma)
---
# 此步驟僅適用於 Candy 或之前發佈之佈景主題（舊版主題）
# 1. 添加商品品牌
**
**商家可以將商品品牌顯示在商品名稱上方：
1. 前往 EasyStore 後台 → 商品管理 → 所有商品 → 點擊商品進行編輯 → 商品品牌 → 輸入商品品牌 → 儲存
2. EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題 → 編輯原始碼
3. 選擇 product.liquid 檔案 → 尋找 {{ product.title }} → 在 {{ product.title }} 之前或之後 → 貼上以下代碼
```html
{% if product.brands[0] %}
{{ product.brands[0] }}
{% endif %}
```
4. 點擊儲存，完成！
# 2. 添加商品標籤
1. 前往 EasyStore 後台 → 商品管理 → 所有商品 → 點擊商品進行編輯 → 商品標籤 → 輸入商品標籤 → 儲存
2. EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題 → 編輯原始碼
** Candy 或之前發佈之佈景主題** → 前往 product.liquid 檔案 → 於 {% if settings.social_sharing_products %} 上方貼上以下代碼 → 儲存
```
{% for tag in product.tags %}
{{tag}}
{% endfor %}
```
前台顯示：
---
# 此步驟僅適用於 Aroma 或其後發佈之佈景主題（新版主題），可直接在佈景主題設定裡顯示商品品牌
# 1.添加商品品牌
# 2. 添加商品標籤
1. 前往 EasyStore 後台 → 商品管理 → 所有商品 → 點擊商品進行編輯 → 商品標籤 → 輸入商品標籤 → 儲存
2. EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題 → 編輯原始碼
** Aroma 或之後發佈之佈景主題** → 前往 main-product.liquid 檔案 → 貼上以下代碼 貼到 下方 → 儲存
```
{% for tag in product.tags %}
{{tag}}
{% endfor %}
```
顯示：
---