如何在 Shopify 的系列頁面上顯示供應商名稱（vendor）？

商品的供應商（vendor）資訊對買家來說可能很有用。雖然大多數情況下，在Shopify 主題中可以在商品頁面顯示供應商名稱，但在商品集合頁面僅透過主題設定來顯示供應商，並非所有 Shopify 商店都能做到。例如，免費的 Shopify 主題Supply就沒有這個功能。

但不必灰心。可以使用 Shopify 的標準功能，只需一行Liquid 程式碼（Liquid 是 Shopify 商店的模板語言，詳情）來顯示供應商名稱：

{{ product.vendor }}

唯一的難點可能是了解應該將這行程式碼放置在主題程式碼的哪個位置。

例如，在Supply主題中，可以將供應商名稱顯示在商品名稱的正上方。請依照以下步驟操作：

1. 在您的商店管理後台，進入線上商店的子選單主題：

   

2. 點擊下拉選單中操作裡的連結編輯程式碼，打開主題編輯器：

   

3. 在主題編輯器左側邊欄展開片段（Snippets）區域：

   

4. 在 Snippets 區域找到檔案product-grid-item.liquid並點擊打開：

   

5. 在打開的檔案中找到程式碼行<p>{{ product.title }}</p>：

   

6. 在該行程式碼之前加入<div>{{ product.vendor }}</div>：

   

7. 如有需要，可使用 HTML 的style屬性為該元素添加樣式：

   

8. 完成後，您的線上商店集合頁面就會顯示每個商品的供應商名稱：