類型：「圖片」

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

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




✎ 重點拆解：


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

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




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


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




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


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



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



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


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


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

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

☞「扣減庫存」欄位：

設定為「是」：買一件，扣一件庫存。

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

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



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


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