範例商品說明
- 商品名稱:小鋼砲迷你電腦:A 款式與 B 款式。
- 建立商品資料前先行建立選項群與選擇項:
- 款式(兩種)
- 處理器(五種)
- 主記憶體(四項)
- 磁碟機(三項)
- 獨立顯示卡(一項)
- 處理器、記憶體、磁碟機三種可加價選擇更高規格,B 款式因為容積較大所以可選擇五種處理器,A 款式只能選擇前三種。B 款式可加購獨立顯示卡,A 款式無。
- 本範例中所有廠牌、規格及價格皆為參考用。
建立商品資料,設定相依性
Step 01:點選左方選單(或管理區頂部選單「J2Store」項目)的「型錄 – 產品」。
▲點選選單項目「型錄 - 產品」
Step 02:建立商品資料的方式請參考先前文章,在「商品類型」項目選擇「可客製」後點選下方「儲存並繼續」按鈕。
▲商品類型選擇「可客製」後點選「儲存並繼續」按鈕。
Step 03:點選「J2Store Cart」分頁回到商品編輯畫面,點選「選項」分頁將預先建立的選項群加進來。本範例中「處理器」與「獨立顯示卡」會因為款式選擇有變動,因此這兩個選項群的「上一層選項」要選擇「款式」以建立相依性。
▲點選「上一層選項」項目,建立項目間相依性。
Step 04:點選「處理器」項目的「新增選項值」連結。
▲點選「新增選項值」連結,增加選擇項。
Step 05:從選項群中選擇選擇項,輸入詳細資料後點選右方「建立選項」按鈕加入下方的屬性選項。以「綠標」為例的選擇如下:
- 名字:綠標。(預設處理器規格)
- 選擇上一層選項:點選「A 款式」與「B 款式」。
- 前綴字:設定該選項相對於商品預設組合是增加(+)或是減少(-)售價。
- 價格:輸入相對於商品預設組合要增加/減少的價格。
- 重量前綴字:設定該選項相對於商品預設組合是增加(+)或是減少(-)的重量。
- 重量:輸入相對於商品預設組合要增加/減少的重量。
- 排序:輸入該選擇項於屬性選項中的排序,數字越小越前面。
▲建立選擇項明細。
Step 06:增加只有選擇 B 款式才會出現的「紫標」選擇項:
- 名字:紫標。(比綠標效能更好的處理器)
- 選擇上一層選項:僅點選「B 款式」。
- 前綴字:選擇紫標要加價,在此選擇「+」。
- 價格:輸入相對於綠標處理器的價格溢價。
- 重量前綴字:重量相同,略過。
- 重量:重量相同,略過。
- 排序:輸入該選擇項於屬性選項中的排序。
▲設定選擇 B 款是才會出現的「紫標」選擇項。
▲確認各選擇項對應的上一層選項是否正確。
Step 07:設定「獨立顯示卡」選擇項,流程比照 Step 06。
- 名字:5 系列顯示卡。
- 選擇上一層選項:僅點選「B 款式」。
- 前綴字:加購顯示卡要加價,在此選擇「+」。
- 價格:輸入相對於無獨立顯示卡的價格溢價。
- 重量前綴字:選擇重量的增減前提符號。
- 重量:輸入重量值。
- 排序:輸入該選擇項於屬性選項中的排序。
▲建立選擇「B款式」才會出現的「獨立顯示卡」資料。
顧客購買
顧客在商品畫面選擇款式後,會依照選項出現相對應的「處理器」與「獨立顯示卡」(僅 B 款式)項目供進一步選擇,產品價格會隨著顧客的挑選即時反映在畫面。
▲尚未選擇款式前的預設價格。
▲選擇「A 款式」後選購的規格,其溢價會即時反映在售價上。
▲選擇「B 款式」後處理器的選擇更多,還出現加購獨立顯示卡加購選項。