新增相關商品區段

您可以在商品頁面中新增一個區段，用於顯示自動產生或您使用 Shopify Search & Discovery 應用程式手動設定的相關商品清單。瞭解如何使用此應用程式自訂相關商品。

透過顯示相關商品讓顧客輕鬆發掘新商品，並增加網路商店銷售量。

相關商品區段的標題和版面配置視您的佈景主題而定。

此頁面上

瞭解相關商品

相關商品是以經常一起購買、具有相似商品說明，或相關商品系列中的商品為依據。隨著訂單和商品資訊陸續增加，相關商品就會變得更準確。

請查看 Shopify 佈景主題開發文件，以深入瞭解相關商品使用的資料。

自訂相關商品的外觀

相關商品是 Online Store 2.0 佈景主題中商品頁面的一個區段。如果您使用與 Online Store 2.0 不相容的主題，則必須升級主題。您可以自訂相關商品的外觀，納入標題、價格、廠商和簡短說明，或將其從商品頁面隱藏。一個商品頁面一次只能有一個相關商品區段。

步驟：

電腦版

在 Shopify 管理介面中，前往「線上商店」>「佈景主題」。
尋找要編輯的佈景主題，然後點擊「自訂」。
選取產品 > 預設產品，以在佈景主題編輯器中載入範本。
請執行下列其中一項操作：
- 如果您的商品頁面有相關商品區段，請點擊「相關商品」。
- 如果您的商品頁面沒有相關商品區段，請點擊「+ 新增區段」，然後選取「相關商品」。
點擊「儲存」。

iPhone

在 Shopify 應用程式中，點選「…」按鈕。
在銷售管道畫面上，點一下「線上商店」。
點一下「管理佈景主題」。
尋找要編輯的佈景主題，然後點選「自訂」。
點選「範本」。
選取產品 > 預設產品，以在佈景主題編輯器中載入範本。
請執行下列其中一項操作：
- 如果您的商品頁面有相關商品區段，請點擊「相關商品」。
- 如果您的商品頁面沒有相關商品區段，請點擊「+ 新增區段」，然後選取「相關商品」。
點擊「儲存」。

Android

在 Shopify 應用程式中，點選「…」按鈕。
在銷售管道畫面上，點一下「線上商店」。
點一下「管理佈景主題」。
尋找要編輯的佈景主題，然後點選「自訂」。
點選「範本」。
選取產品 > 預設產品，以在佈景主題編輯器中載入範本。
請執行下列其中一項操作：
- 如果您的商品頁面有相關商品區段，請點擊「相關商品」。
- 如果您的商品頁面沒有相關商品區段，請點擊「+ 新增區段」，然後選取「相關商品」。
點擊「儲存」。

您可以點擊眼睛符號來停用相關商品。停用相關商品功能會將該區段從商品資訊中隱藏，但無法刪除。

相關商品設定

您可以自訂向顧客顯示相關商品的方式。系統會自動根據經常一起購買、具有相似商品說明，或相關商品系列中的商品來自動產生相關商品，且會隨著陸續增加的訂單和商品資訊而變得更準確。

相關商品區段的設定
設定	說明
標題	此區段的標題。
顏色配置	相關商品區段的背景顏色。可從色調 1、色調 2、背景 1、背景 2 或對比色中挑選。
圖片比例	推薦產品圖片的圖片比例：依圖片調整 (預設) - 使用圖片本身的寬高比，可避免圖片遭到裁剪。縱向 - 使用 2:3 的比例裁剪圖片。正方形 - 使用 1:1 的比例裁剪圖片。
圖片形狀	為您的商品圖片選擇下列其中一種圖片形狀：預設：將商品圖片變更為長方形。拱形：使商品圖片頂端呈現弧形。斑點：將商品圖片顯示為六個隨機斑點形狀的其中一個形狀，停留時會顯示獨特的動畫。＞形箭頭向左：將商品圖片變更為向左的＞形箭頭。＞形箭頭向右：將商品圖片變更為向右的＞形箭頭。菱形：將商品圖片變更為菱形四邊形。平行四邊形：將商品圖片變更為由兩組平行線組成的形狀。圓形：將商品圖片顯示為圓形或橢圓形，停留時會顯示獨特的動畫。
游標暫留時顯示次要圖片	當顧客將游標停留在產品圖片上時，顯示產品的次要圖片 (若有的話)。
顯示廠商	顯示產品的廠商。
顯示產品評等	顯示商品的平均星級評等，並在括號中顯示評論數，例如：★★★★★ (8)。同時也需要商品評價應用程式，以及下列項目的中繼欄位定義：`reviews.rating_count` 和 `reviews.rating`。
區段邊框間距	在相關商品區段的上方或下方加入間距。使用範圍滑桿，在區段的上方或下方加入 0 像素到 100 像素的空間。