新增相關商品區段

此頁面列印時間為 Jul 26, 2023。如須最新版本，請至 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 不相容的主題，則必須升級主題。您可以自訂相關商品的外觀，納入標題、價格、廠商和簡短說明，或將其從商品頁面隱藏。一個商品頁面一次只能有一個相關商品區段。

步驟：

  1. 在 Shopify 管理介面 ，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 開啟頁面頂端的下拉式選單。
  1. 在Shopify應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 點選「範本」。
  1. 在Shopify應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 點選「範本」。
  1. 選取產品>預設產品，以在佈景主題編輯器中載入範本。

  2. 請執行下列其中一項操作：

    • 如果您的商品頁面有相關商品區段，請點擊「相關商品」。
    • 如果您的商品頁面沒有相關商品區段，請點擊「+ 新增區段」，然後選取「相關商品」。

  3. 點擊「儲存」。

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

相關商品設定

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

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

準備好開始透過 Shopify 銷售商品了嗎？

免費試用