分色成列商品

路徑：商品設定>商品>總覽

💡情境：

Ｑ：希望每個款式都是獨立的商品頁，但是當顧客點擊到對應的選項時可以直接跳轉到對應的商品畫面

Ｑ：希望選項可以顯示花色圖片，例如：條紋、格紋

一、分色成列商品

步驟一：

於「商品設定>商品>新增」新增商品

步驟二：

在商品編輯頁面找到「商品樣式」的設定位置，紅框圈起處為樣式名稱的設定位置，橘框圈起處為選項的名稱

步驟三：

設定樣式和選項名稱

例如：
商店販售衣服希望：
一個顏色設定一個商品頁面
尺寸： S、M、L 
顏色：黑、紅 

接著設定選項的名稱，完成後再接續步驟一設定另外一個顏色的商品。

步驟四：

於商品資訊位置找到「分色成列商品」的欄位，並選擇要一起成列的商品，完成後點擊儲存。

完成後前台的設定如下：

當顧客點擊另外一個顏色時，頁面將會切換至另外一個 S 短袖上衣商品頁面。

二、分色圖片商品

步驟一：

於「商品設定>商品>新增」新增商品

步驟二：

在商品編輯頁面找到「商品樣式」的設定位置，紅框圈起處為樣式名稱的設定位置，橘框圈起處為選項的名稱

步驟三：

設定樣式和選項名稱，

例如：
需求：選項以花色顯示
商品：衣服
尺寸： S、M、L 
花色：豹紋、黑白條紋

接著設定選項的名稱。

步驟四：

於商品資訊位置找到「分色圖片」的欄位上傳要顯示的圖片

步驟五：

於商品資訊位置找到「分色成列商品」的欄位，並選擇要一起成列的商品，完成後點擊儲存。

完成後前台的設定如下：

當顧客點擊另外一個花色時，頁面將會切換至另外一個豹紋商品頁面。

※注意事項：

1、「分色成列商品」功能僅支援有設定色票的商品，若所選的商品沒有設定色票，前台選項的顯示會有錯誤。

2、「分色圖片商品」功能需搭配「分色成列商品」一起設定。

3、設定「分色圖片商品」功能後，請勿在樣式中在設定色票。