【官網設計】商品頁面顯示商品品牌 & 商品標籤
商家可以在商品頁面上,添加商品品牌 & 商品標籤顯示,讓客戶更輕鬆地瀏覽查看該商品的相關資訊,您可以根據以下步驟開始設定。
⚠️ 注意事項 : 更換佈景主題之後,需重新編輯原始碼。
此步驟僅適用於 Candy 或之前發佈之佈景主題(舊版主題)
商家可以將商品品牌顯示在商品名稱上方:
前往 EasyStore 後台 → 商品管理 → 所有商品 → 點擊商品進行編輯 → 商品品牌 → 輸入商品品牌 → 儲存
EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題 → 編輯原始碼
選擇 product.liquid 檔案 → 尋找 {{ product.title }} → 在 {{ product.title }} 之前或之後 → 貼上以下代碼
點擊儲存,完成!
💡 小提醒:若是使用 Aroma 或其後發佈之佈景主題(新版主題),可直接在佈景主題設定裡顯示商品品牌
前往 EasyStore 後台 → 商品管理 → 所有商品 → 點擊商品進行編輯 → 商品標籤 → 輸入商品標籤 → 儲存
EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題 → 編輯原始碼
此步驟會根據新版或舊版主題而有不一樣的原始碼設定,請參考以下:
如果是 Candy 或之前發佈之佈景主題 → 選擇 product.liquid 檔案 → 貼上以下代碼 → 儲存
如果是 Aroma 或更新佈景主題,則前往 main-product.liquid 文件 → 貼到 </product-form> 下方
前台顯示:
⚠️ 注意事項 : 更換佈景主題之後,需重新編輯原始碼。
1. 添加商品品牌
此步驟僅適用於 Candy 或之前發佈之佈景主題(舊版主題)
商家可以將商品品牌顯示在商品名稱上方:
前往 EasyStore 後台 → 商品管理 → 所有商品 → 點擊商品進行編輯 → 商品品牌 → 輸入商品品牌 → 儲存
EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題 → 編輯原始碼
選擇 product.liquid 檔案 → 尋找 {{ product.title }} → 在 {{ product.title }} 之前或之後 → 貼上以下代碼
{% if product.brands[0] %}
<h4 itemprop="brand">
{{ product.brands[0] }}
</h4>
{% endif %}
點擊儲存,完成!
💡 小提醒:若是使用 Aroma 或其後發佈之佈景主題(新版主題),可直接在佈景主題設定裡顯示商品品牌
2. 添加商品標籤
前往 EasyStore 後台 → 商品管理 → 所有商品 → 點擊商品進行編輯 → 商品標籤 → 輸入商品標籤 → 儲存
EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題 → 編輯原始碼
此步驟會根據新版或舊版主題而有不一樣的原始碼設定,請參考以下:
如果是 Candy 或之前發佈之佈景主題 → 選擇 product.liquid 檔案 → 貼上以下代碼 → 儲存
{% for tag in product.tags %}
<span> {{tag}} </span>
{% endfor %}
如果是 Aroma 或更新佈景主題,則前往 main-product.liquid 文件 → 貼到 </product-form> 下方
前台顯示:
更新時間: 24/10/2023
感謝!