新增相關商品區段
此頁面列印時間為 Apr 23, 2024。如須最新版本，請至 https://help.shopify.com/zh-TW/manual/online-store/themes/customizing-themes/add-product-recommendations。
您可以在商品頁面中新增一個區段，用於顯示自動產生或您使用 Shopify Search & Discovery 應用程式手動設定的相關商品清單。瞭解如何使用此應用程式自訂相關商品。
透過顯示相關商品讓顧客輕鬆發掘新商品，並增加網路商店銷售量。
相關商品區段的標題和版面配置視您的佈景主題而定。
瞭解相關商品
相關商品是以經常一起購買、具有相似商品說明，或相關商品系列中的商品為依據。隨著訂單和商品資訊陸續增加，相關商品就會變得更準確。
請查看 Shopify 佈景主題開發文件，以深入瞭解相關商品使用的資料。
自訂相關商品的外觀
相關商品是 Online Store 2.0 佈景主題中商品頁面的一個區段。如果您使用與 Online Store 2.0 不相容的主題，則必須升級主題。您可以自訂相關商品的外觀，納入標題、價格、廠商和簡短說明，或將其從商品頁面隱藏。一個商品頁面一次只能有一個相關商品區段。
步驟：
- 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題，然後點擊「自訂」。
- 選取產品 > 預設產品，以在佈景主題編輯器中載入範本。
-
請執行下列其中一項操作：
- 如果您的商品頁面有相關商品區段，請點擊「相關商品」。
- 如果您的商品頁面沒有相關商品區段，請點擊「+ 新增區段」，然後選取「相關商品」。
點擊「儲存」。
- 在 Shopify 應用程式中，點選「…」按鈕。
- 在銷售管道畫面上，點一下「線上商店」。
- 點一下「管理佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 點選「範本」。
- 選取產品 > 預設產品，以在佈景主題編輯器中載入範本。
-
請執行下列其中一項操作：
- 如果您的商品頁面有相關商品區段，請點擊「相關商品」。
- 如果您的商品頁面沒有相關商品區段，請點擊「+ 新增區段」，然後選取「相關商品」。
點擊「儲存」。
- 在 Shopify 應用程式中，點選「…」按鈕。
- 在銷售管道畫面上，點一下「線上商店」。
- 點一下「管理佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 點選「範本」。
- 選取產品 > 預設產品，以在佈景主題編輯器中載入範本。
-
請執行下列其中一項操作：
- 如果您的商品頁面有相關商品區段，請點擊「相關商品」。
- 如果您的商品頁面沒有相關商品區段，請點擊「+ 新增區段」，然後選取「相關商品」。
點擊「儲存」。
您可以點擊眼睛符號來停用相關商品。停用相關商品功能會將該區段從商品資訊中隱藏，但無法刪除。
相關商品設定
您可以自訂向顧客顯示相關商品的方式。系統會自動根據經常一起購買、具有相似商品說明，或相關商品系列中的商品來自動產生相關商品，且會隨著陸續增加的訂單和商品資訊而變得更準確。
| 設定 | 說明 |
|---|---|
| 標題 | 此區段的標題。 |
| 顏色配置 | 相關商品區段的背景顏色。可從色調 1、色調 2、背景 1、背景 2 或對比色中挑選。 |
| 圖片比例 | 推薦產品圖片的圖片比例：
|
| 圖片形狀 | 為您的商品圖片選擇下列其中一種圖片形狀：
|
| 游標暫留時顯示次要圖片 | 當顧客將游標停留在產品圖片上時，顯示產品的次要圖片 (若有的話)。 |
| 顯示廠商 | 顯示產品的廠商。 |
| 顯示產品評等 | 顯示商品的平均星級評等，並在括號中顯示評論數，例如：★★★★★ (8)。同時也需要產品評論應用程式 (如 Shopify Product Reviews)，以及 reviews.rating_count 的中繼欄位定義和 reviews.rating。 |
| 區段邊框間距 | 在相關商品區段的上方或下方加入間距。使用範圍滑桿，在區段的上方或下方加入 0 像素到 100 像素的空間。 |