EP.4 增設貨品選項功能

本篇也會繼續接著介紹 EP.1 貨品當中另一項功能:選項。原本想把篩選與項放左一起講解,但只是篩選就已經寫了很大篇幅...唯有將兩個功能分開解說...orz

選項 (Options)

OpenCart 系統中經已預設了一個清單的選項,使某些貨品可以利用此功能再分得更仔細。

例子,買蘋果手機保護套,顧客在購買時會查看同一個款式會否有不同的顏色、尺寸等選擇。建立了相關選項後就可以在商店時讓顧客更容易買到心儀的貨品。

先從左邊的選單展開Catalog後會看見位於第六項寫著Options並點擊進去,頁面會如下圖所示:

我們先創建一個新的選項,從下方的頁面中有以下的資料需要填寫:

選項類別 (Option)

Option Name * 選項類別的名字
Type 類型,系統已經將眾多類型供我們選擇,當中包括:
  • 選擇型:Select(下拉式表單)、Radio(單選按鈕)、Checkbox(複選按鈕)
  • 輸入型:Text(文字)、Textarea(多行文本)
  • 檔案型:File(上載檔案)
  • 時間型:Date(日期)、Time(時間)、Date & Time(日期及時間)
Sort Order 群組次序,這個次序會影響模組於前台時出現時的次序,並不是管理平台清單上所看見的次序。如沒有特定次序可填 0 或留空此欄。
* 為必填項目


選項項目 (Option Values)

假如我們選了「選擇型」的類別,系統就會要求填寫可以選掉的項目資料,每個項目都可以由右下方的藍色按鈕中新增。

Option Value Name * 選項項目的名字
Image 可以將特定圖片上存到該項目中,使顧客會更容易理解而減少購物時的誤會。
Sort Order 群組次序,這個次序會影響模組於前台時出現時的次序,並不是管理平台清單上所看見的次序。如沒有特定次序可填 0 或留空此欄。
* 為必填項目


如上圖所示,我們在示範中建立了「新選項 - 顏色」這個類別,類型是單選按鈕(Radio),所以我們就在下方新增了兩個顏色選項。黑色及紅色都配上各自的顏色圖案後便儲存新的設定。


返回貨品頁面

今次我們就選iPod Shuffle作示範,點擊旁邊的編輯進入貨品資料頁面。前往 Option 標籤,在左側的欄位輸入「新選項 - 顏色」讓系統找到所需的資訊;接著右側的第一項是設定是否必須填寫(Required),然後下端就是新增可以選擇的項目。

在每一個選項中,我們都可以為這個選項定立庫存量、減去庫存量、加減售價、加減積分及加減重量的資訊,也就是說可以為每個選項獨立計算額外收費,亦方便監控庫存量。


前往店面

完成了以上步驟後,我們可以再次回到前台查看我們修改的成果,點擊進入iPod Shuffle,如下圖的紅色框架所示,「新選項 - 顏色」及其選項可以讓顧客選擇了。

注意:只有下拉式表單(Select)不能將圖片顯示出來,而單選按鈕及複選按鈕的排列會視乎所選用的OpenCart主題而有不同。