類型:「圖片」

• 圖片比文字更直觀,消費者能一眼看懂差異

• 選項用圖片呈現更適合手機操作,特別是選色、挑款式時,圖片能大幅減少操作錯誤



✎ 重點拆解:

一、設定類型「圖片」的購物選項

二、類型「圖片」前台顯示範例



一、設定類型「圖片」的購物選項


後台路徑:商品 > 購物選項。




① 新增一個類型」為「圖片」的購物選項。


② 新增選項值,「圖片」欄位,要設定選項要顯示的圖示



③ 購物選項建立完成之後,至「商品 >上架商品」中,選擇要加入的「購物選項」,再按「帶入全部「選項值」項目」。



庫存管理」欄位,需設定好個選項庫存,再儲存。


1. 按「產生所有組合」。


2. 產生所有組合後,設定好「各選項庫存」、「扣減庫存」,再儲存。

「變體SKU」、「關聯商品圖」,有需要再設定即可。

「扣減庫存」欄位:

設定為「是」:買一件,扣一件庫存。

設定為「否」:銷售時不判斷庫存。

關聯商品圖」:設定前台有商品圖片的地方,會連動該圖片,請參考:新增選項連動主圖 - 關聯商品圖



二、類型「多選/任選」前台顯示範例


前台購物選項會以「圖片+文字的方式呈現。