[即將推出] 商品列表頁展示個別規格

Avatar
SHOPLINE TW Copywriters
追蹤

1. EC.png

＊注意：此功能僅支援國家 / 地區為【 台灣 / 香港 】店家。

SHOPLINE 推出「商品列表頁展示個別規格」App，支援展開多規格商品，一次性呈現該商品的不同規格圖片，有利於顧客快速概覽差異，例如：顏色、價格、大小等，從而增加商品能見度、提高網店轉換率，吸引每位進站訪客佇足下單。

本篇文章將分別介紹：

 

⚠️ 開始前請注意：

  • 若要保留商品列表頁展示個別規格 App ，請於試用期 14 天內購買正式版功能。
  • 目前僅支援 Ultra Chic 版型使用，無法套用於其他版型。
  • 使用此 App 時，請勿將預設主頁設定為「所有商品」頁面，可能導致功能失效；請前往後台「網店設計 > 網店分頁 > 預設主頁」確認或編輯設定。
    預設主頁.png

 

一、安裝商品列表頁展示個別規格 App

前往後台「擴充功能 > 擴充功能商店 > 商品列表頁展示個別規格」，點選「免費試用」；了解更多操作說明，請參考：免費試用功能。

免費試用.png

 

若可於「擴充功能 > 我的擴充功能」頁面中查看該 App 資訊，即表示完成安裝；了解更多操作說明，請參考：我的擴充功能列表。

我的擴充功能.png

 

＊備註：擴充功能重新授權
SHOPLINE 會定期更新優化擴充功能，部分擴充功能需要您進行重新授權才能正常使用。
前往「擴充功能 > 我的擴充功能」，可於頁面上方看到擴充功能需重新授權的提示；
您可以選擇重新授權或關閉提示訊息，關閉後訊息將不再重複出現。
更多詳細說明請參考：擴充功能商店。

____.png

 

二、個別規格展示設定

步驟一：第一組規格

前往後台「商品 > 增加 / 編輯 > 商品規格」，設定第一組商品規格；以下圖為例，「顏色」即該商品的第一組規格。

＊注意：

  • 此 App 支援展示商品的「第一組規格」。以下圖為例，規格「顏色」將展示於商品列表頁；若您想展示規格「尺寸」，請將其上移調整為第一組商品規格。
  • 若您想了解更多商品規格資訊，請參考：商品規格與款式｜商品。

第一組規格.png

 

透過 批次 / 大量匯入商品（新版）匯入商品時，第一組規格即對應欄位「規格名稱1」，更多說明請參考：規格與選項。

規格名稱1.png

 

步驟二：編輯規格圖片

新增 / 編輯商品規格圖片，更多步驟請參考：商品款式圖片｜商品。

款式圖片.png

 

＊注意：

  • 若該款式沒有任何圖片，系統將自動展示第一張「商品主要圖片」。
    展示主要圖片第一張.png

  • 若該款式有多張圖片，系統預設展示默認圖片，您可以點選「編輯規格圖片 > 重設默認圖片」；更多步驟請參考：修改款式圖片。重設默認圖片.png
  • 若第一組規格沒有款式圖片，系統將遞延展示下一張款式圖片；以下圖為例：
    第一組規格為白色，白色共有尺寸 M、L（即第二組規格），若「白色 M」沒有款式圖片，系統將自動展示「白色 L」的款式圖片。
    遞延展示.png

 

透過 批次 / 大量匯入商品（新版）匯入商品時，對應欄位為「款式圖片」；若希望為商品設定對應的款式圖片，需使用 https 開頭的圖片網址，更多說明請參考：規格與選項。

批次款式圖片.png

 

步驟三：網店分頁設定

保存前述兩步驟的商品規格設定後，前往「網店設計 > 網店分頁 > 進階 / 文字分頁」，點選「新增分頁 > 進階分頁」或「編輯」。

＊注意：

  • 此 App 僅支援新版頁面編輯器 Ultra Chic 版型，請確認該網店分頁標有 NPB.png 圖示，且店面版型為 Ultra Chic；更多說明請參考：SHOP Builder 概覽｜SHOP Builder。
  • 請勿將預設主頁設定為「所有商品」頁面，可能導致功能失效；請前往後台「網店設計 > 網店分頁 > 預設主頁」確認或編輯設定。
    預設主頁.png

網店分頁.png

 

步驟四：店面級別設定

進入新版頁面編輯器後，點選「店面級別設定 > 商品」。

店面級別設定.png

 

步驟五：個別展示規格圖片

找到「商品規格的顯示樣式」欄位下拉，顯示類型選擇「個別展示規格圖片」，並「儲存 > 發佈」即可。

＊注意：支援個別展示商品的第一組規格於商品列表頁、分類頁、優惠活動頁。

個別展示規格.png

 

三、網店前台顯示

1. 前台顯示範例

顧客可於網店前台查看多規格商品的個別規格；商品名稱皆相同，唯各規格資訊若有差異，將一次性呈現於商品列表。以下圖為例：

前台商品頁.png

 

  • 長袖上衣第一組規格為顏色，共三種；顯示三件名稱為長袖上衣的商品，但規格圖片顏色不同。
    長袖上衣規格.png

  • 長袖上衣原價 $599，草綠色特價 $399；顯示三件名稱為長袖上衣的商品，但草綠色價格不同。
    草綠特價.png

  • 長袖上衣庫存數量不同；顯示三件名稱為長袖上衣的商品，但咖啡色售完。
    咖啡缺貨.png

  • 短袖上衣第一組規格為顏色、第二組規格為尺寸，M 號 $199、L 號 $299；支援展示第一組規格，故依顏色展示三件名稱為短袖上衣的商品，其中白色以 $199～$299 價格區間表示（第二組規格）。
    尺寸價格差異.png

 

2. 前台搜尋排序

a. 關鍵字搜尋

依據顧客輸入的關鍵字相關度，同商品的個別規格之間可能穿插其他商品。

若您想了解更多關鍵字搜尋資訊，請參考：商品搜尋｜商品。

關鍵字搜尋.png

 

b. 排序方式

依據顧客選擇的排序方式，同商品的個別規格之間可能穿插其他商品。

若您想了解更多商品排序資訊，請參考：分類頁商品排序方式。

價格排序.png

 

c. 分類 / 篩選

顧客可以透過商品分類頁或「套用篩選」功能，快速查找個別規格商品。

若您想了解更多進階篩選資訊，請參考：網店分類進階篩選。

分類篩選.png

 

四、注意事項

  • 以下頁面不支援展示商品個別規格：
    • 組合商品
    • 加購品
    • 贈品
    • 商品詳情頁 > 相關產品
      相關商品.png

    • 進階分頁 > 頁面佈局 > 元件 > 商品類別
      若您想了解更多商品元件資訊，請參考：商品類別元件｜SHOP Builder。
      商品元件.png

  • 超過進階篩選數量限制時，系統將自動隱藏部分篩選條件，更多說明請參考：網店篩選類型。

  • 當多規格商品的個別規格價格不同時，請前往「設定 > 商品設定 > 前台擴充功能」，開啟「在前台顯示價格區間」按鈕，避免顧客混淆。
    若您想了解更多價格區間資訊，請參考：商品規格與款式｜商品。
    顯示價格區間.png

 

 

 

 

延伸閱讀

還有其他問題？提交請求

評論