範例商品說明
- 商品名稱：小鋼砲迷你電腦：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 款式」後處理器的選擇更多，還出現加購獨立顯示卡加購選項。
