Categories

選項

選項功能可以使同一件產品下有更細緻的分類以及提高網上商店的靈活性,其中新增的每一個選項也可以獨立調整價格、大小、積分等項目;而顧客將產品添加到購物車之前,必須選擇該產品的選項。

OpenCart 系統中經已預設了一列選項,從左側打開產品目錄並點擊第六項便可以進入以下選項的清單畫面。點擊藍色框的位置進入創建頁面。

Options List

選項類別 (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 或留空此欄。
* 為必填項目


Options Info

選擇型 (Choose Type)

例子:
上圖建立了命名為 Colours 的選項,於該選項當中建立了 RedBlack 的兩個數值。而每個數值中都配上了相闗的顏色圖片。

現在新創建的 Colours 中已抱含了兩個顏色,接下來便要將選項新增到產品當中。

新增選項到產品

就以iPod Shuffle為列,點擊旁邊的編輯進入貨品資料頁面。前往 選項(Option) 標籤,在左側的欄位輸入「Colours」讓系統找到所需的資訊;接著右側的第一項是設定是否必須填寫(Required),然後下端就是新增可以選擇的項目。詳情請參閱產品中選項介紹。

Product Option Select

店面中的產品選項

透過以上步驟及解說,完成上述的設定後回到店面的iPod Shuffle,於售價的下方便多了選項的功能。

如下圖所示,Colours 是必須填寫的項目,而因為選擇了 Radio 的形式,選項的旁邊都顯示了相應的圖片。

Store front - Product Option Select

檔案型 (File Type)

檔案是指可以供顧客上載自己所需的額外要求到網站中,好讓使用者更清晰了解顧客的需要。在以下的例子中,為iPod Shuffle加上這個選項,讓顧客可以要求商店為他們的iPod Shuffle加上個性雷射雕刻到背面。

Options Info File

檔案型的選項毋須其他設置,只需要決定是否必須填寫就可以。

Product Option File

於店面內查看,於文字欄位下方可以看見上載文件的按鈕,只要將源檔從這裡上載就可以於結帳清單中看見文件名稱。

Store front - Product Option File

時間型 (Date Type)

時間選項可以將內容設為日子、時間及兩者同時設定。將選項加入iPod Shuffle後,

Options Info Date

時間類型的同樣需要設定是否必須填寫,若這是非重要項目就選擇否。

Product Option Date

在示範中,為iPod Shuffle加上這個選項來設定送貨日子。完成修改後便可以到店面查看結果,如下圖所示,選項設置在上載檔案的下方。如果在次序上有要求,可於建立時改動產品的選項中出現的先後次序。

Store front - Product Option Date

輸入型 (Input Type)

凡是輸入文字的類型都分了兩種類,單行輸入 (Text) 及多行輸入 (Textarea);來作一個簡單的比喻,輸入收禮物的人的名字以及備註細節事項。在示範中,將輸入文字項目加到iPod Shuffle中,一設定文字輸入命名為禮物訊息 (Gift Text),

Options Info Text

於產品頁面編輯時,同樣也需要設定此項目是否必須填寫,若這是非重要項目就選擇否。

Product Option Text

在示範中,為iPod Shuffle加上這個選項來設定禮物訊息後。完成修改便可以到店面查看結果,如下圖所示,選項設置在上載檔案的上方。如果在次序上有要求,可於建立時改動產品的選項中出現的先後次序。顧客可以從這個位置輸入想要的訊息在產品上。

Store front - Product Option Text

購物車清單預覽

Store front - Checkout list

當顧客作出選購並將產品加到購物車時,購物車頁面中的清單會顯示產品的選項數值會於產品名下方顯示。當顧客完成結帳程序,帳單內亦會列出所有已填寫的選項。