跳至主要內容
店面小工具與顯示方式

如何讓顧客為每件商品選擇變體(色票)

對於數量折扣優惠,請啟用變體選擇器,讓顧客為每件商品選擇尺寸、顏色或其他選項。例如,買 2 件優惠可以包含一個小尺寸象牙色包包和一個大尺寸腮紅色包包。您可以選擇下拉式選單、色票、按鈕或變體圖片,讓這些選擇一目瞭然。

啟用變體選擇器

此設定位於組合編輯器的 變體選擇器卡片中的 加購功能分頁。卡片標題中的開關會顯示此功能目前已開啟或關閉。

  1. 開啟要編輯的組合,前往 加購功能分頁,然後找到 變體選擇器卡片。
  2. 開啟卡片標題中的開關。

對於一般數量折扣和買 X 送 Y 優惠,啟用此設定後,每件商品都能個別選擇。關閉此設定時,未固定變體的一般優惠會沿用主題所選的變體。商品組合卡片,以及固定為一組變體的主要商品,仍可在卡片內使用選擇器。

Bundlex B06 加購功能分頁已啟用變體選擇器,顯示色票、尺寸膠囊按鈕、每件商品的圖片,以及包包預覽旁隱藏的主題選擇器設定。
在加購功能中,(1) 啟用變體選擇器,(2) 選擇每個選項的顯示類型和預設樣式,並 (3) 檢查顏色值。預覽會顯示已儲存的選擇。

開關控制的功能

一般優惠會使用此開關控制主要商品的每件商品選擇器。即使關閉開關,商品組合主要卡片仍會保留卡片內的選擇器,讓顧客可以與其他必要商品一起選擇。必要的組合商品、贈品和可選額外商品,在適用時也會保留各自的選擇器。即使關閉開關,固定的主要商品也可以保留一般選擇器,但僅限於您固定的變體。

關閉開關時,商品組合列會使用一般下拉式選單。開啟開關時,設定的顯示類型也會套用至必要的組合商品列。贈品和可選額外商品的選擇器會使用各自的控制項。只有一個可選變體的商品,可以直接以文字顯示其資訊,而不顯示不必要的下拉式選單。

設定每個選項的顯示類型

開啟開關後,Bundlex 會載入此組合適用商品中的變體選項,並以包含三個欄位的表格列出:選項、顯示類型和 預設樣式。每一列代表一個選項,例如尺寸或顏色。

在 顯示類型欄中,選擇該選項在商品頁面上的顯示方式:

  • 下拉式選單,標準的選取選單。
  • 色票,小型色彩色票。您可以為每個值指定顏色,詳情請見下方。
  • 膠囊按鈕 / 按鈕,可點選的膠囊按鈕或按鈕,也可以選擇搭配變體圖片。
  • 變體圖片,以商品圖片顯示每個值。

您可以在不同選項中混用類型,例如在同一商品中,將顏色設定為色票,將尺寸設定為下拉式選單。點選選項名稱旁的檢視眼睛圖示,即可在預覽面板中顯示包含該選項的商品。

選擇共用預設樣式

預設樣式欄會設定顯示類型的視覺樣式。預設樣式會依類型共用:所有使用相同顯示類型的選項都會共用一個預設樣式,因此變更某個選項的預設樣式時,該類型的其他選項也會一併更新。色票、膠囊按鈕 / 按鈕和變體圖片各自擁有不同的預設樣式組合,下拉式選單則沒有預設樣式。

在預設樣式選單中選擇 自訂,開啟 色票樣式區段,即可進一步微調內建預設樣式以外的外觀。

為色票指定顏色

當選項使用 色票顯示類型時,其每個值都會取得一個包含色彩選擇器的顏色欄位。您可以:

  • 使用選擇器手動設定每個顏色,或輸入十六進位值。
  • 點選 自動偵測顏色,即可根據值的名稱自動填入顏色,例如「海軍藍」或「森林綠」。自動偵測只會填入仍為空白的值,所有顏色都設定完成後便無法使用。

在桌面版顯示顏色名稱

開啟 色票樣式 > 色票,然後啟用 滑鼠懸停時顯示顏色名稱,即可顯示顏色名稱工具提示。此設定只適用於色票,不適用於所有顯示類型。觸控裝置不支援滑鼠懸停工具提示。

顯示變體圖片

啟用 顯示變體圖片(啟用選擇器後即可使用),即可在變體選擇器旁顯示所選變體的圖片。此功能適用於任何選擇器類型,不僅限於變體圖片顯示類型。

隱藏主題變體選擇器

啟用選擇器後,您也會取得 隱藏主題變體選擇器設定。此設定會隱藏主題的預設變體選擇器,只顯示 Bundlex 的選擇器。主題選擇器會透過 CSS 隱藏,而不是移除,因此一般主題整合仍能讓主要商品圖片保持同步。請在您的主題上測試此行為。

如果選取變體後主要商品圖片沒有更新,您可能需要在 Bundlex 應用程式嵌入設定中調整 變體區塊選擇器,使其符合您的主題。如果需要協助,請聯絡客服。

收合較長的每件商品清單

收合變體選擇器會將每件商品的選擇收合至一列中,一次展開一列。這能讓較大數量的數量折扣優惠保持精簡。此功能不適用於商品組合優惠。

測試選擇、庫存和價格

儲存並啟用折扣,然後在商店前台測試符合資格的商品。此示範使用立陶宛和 USD。在此範例中,小尺寸象牙色包包售價為 $24,大尺寸腮紅色包包售價為 $30。買 2 件享 10% 折扣的優惠總額為 $48.60。使用實際的 加入購物車按鈕加入商品,並確認購物車和結帳頁面中的兩種顏色、兩種尺寸及總額。

Quilted Cosmetic Bag 商品頁面顯示買 2 件優惠中的獨立象牙色小尺寸和腮紅色大尺寸選擇,優惠總額為 $48.60,且已啟用加入購物車。
(1) 象牙色 / 小尺寸和 (2) 腮紅色 / 大尺寸是獨立的選擇。(3) 兩者合計的折扣商品小計為 $48.60,實際購物車和結帳頁面都確認了兩個變體。

當 隱藏無法使用的變體關閉時,售罄組合仍可顯示並選取。在此示範中,選擇腮紅色 / 小尺寸會顯示無法使用的訊息,並停用加入購物車。選擇可用的大尺寸後,按鈕會恢復。完全不存在的組合則不同:選擇器可能會將後續選項移至有效組合,因此變更顏色後,請確認最後的尺寸。

Quilted Cosmetic Bag 頁面在第二列選取售罄的腮紅色小尺寸,顯示無法使用的訊息,以及已停用的售罄購買按鈕。
(1) 關閉隱藏功能時,腮紅色 / 小尺寸仍會顯示。(2) 無法使用的訊息說明原因。(3) 一般購買按鈕已停用。選擇大尺寸後,加入購物車按鈕會恢復。

若要從支援的選擇器中移除售罄值,請開啟 進階 > 優惠和庫存 > 隱藏無法使用的變體。可用性會遵循 Shopify 的庫存政策,允許持續銷售的零庫存變體仍可能可用。請參閱 變體選項可用性,瞭解適用範圍和備援詳細資訊。

沒有可選項目時

當整個可選集合只有一個款式時,下拉式選單會在卡片上收合為款式名稱。已設定的膠囊按鈕或色彩色票仍可作為已選取標籤顯示。只有 Shopify 預設款式的商品不需要選擇器。

這就是您預期的選擇器可能未顯示的原因。通常表示以下其中一種情況:

  • 商品確實只有一個款式。
  • 您已將商品固定為單一款式。
  • 隱藏無法使用的款式已開啟,且目前只有一個款式有庫存。

補充款式庫存或擴大固定選取範圍後,選擇器會自動恢復顯示。主要優惠和必要組合商品卡片會遵循這項從選擇器顯示為識別資訊的行為。贈品、加價購和附加商品有各自的可用性篩選機制,只有一個可用選項時,可能不會另外顯示款式名稱。

編輯款式後重新載入選項

如果您在完成設定後新增、重新命名或移除商品款式,請點選款式選項表格頂端的 重新載入選項,以取得最新選項。當內容有所變更時,Bundlex 會顯示「款式已更新」訊息;如果選項集合已是最新狀態,則會顯示「已重新載入,沒有變更」。請先儲存任何因此產生的變更,再檢查商店前台。編輯器中顯示的新顏色,必須儲存後才會發布。

如果沒有顯示選項

款式選項表格需要商品選項資料,才能設定組合的目標商品和必要組合商品。如果選項仍在載入,請等待載入完成,再將空白表格視為設定問題。如果您看到選取商品或商品系列的提示,請先在 顯示小工具的位置區段完成設定。如果您看到的是「所選商品找不到款式選項」,表示所選商品沒有可供設定的款式選項。

這篇文章對您有幫助嗎?

您的意見能協助我們改善文件內容。

謝謝,我們會持續改進這篇文章。

想與我們的團隊聯繫嗎? 還有問題嗎?

仍需要協助嗎?

我們的團隊只需點一下即可聯絡。傳送訊息給我們,我們會回覆您。

我們使用少量 Cookie,讓網站正常運作、了解網站使用情況,並在您開啟聊天小工具時提供支援。請參閱我們的 Cookie 政策。