iT邦幫忙

1

商品顏色+尺寸關聯選項的後台設定

  • 分享至 

  • xImage
  •  

本文所使用的是 Product Option Colour & Size Combination Pro Plus 擴充模組,
https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=35044

模組設計的使用邏輯是,先在商品選項管理單元中,定義一個 顏色+尺寸 關聯選項的左側選項,接著定義一個右側選項,然後再設定這兩者的關聯性,之後只要在商品編輯時,新增了商品選項為前述的左側選項,編輯選項值時,就會將所關聯的右側選項的選項值全數列出,提供左側選項 X 右側選項 的二維陣列設定效果。

接下來我們搭配畫面來說明,在模組安裝並設定權限後,模組就會新增一個 Color 的選項類型,此為 顏色+尺寸(款式) 關聯選項的左側選項。

由於每件商品的顏色+尺寸(款式)未必通用,通常是同一廠商甚至同一系列的商品,才會通用,所以您可能必須為不同系列的商品,個別建立一組顏色+尺寸(款式)的關聯選項,才不會在設定了顏色之後,同時跑出了 小/中/大/加大、S/M/L/XL、110cm/110cm/120cm/130cm 的選項,底下的畫面就是針對搭配某系列商品的顏色,設定可選擇的尺寸(款式)的選項。

左右兩側的選項都建立好之後,接下來必須到 顏色/款式 管理功能中,定義兩者的關連性,畫面左側只會列出屬於 [Color] 類型的商品選項,右側就是用來搭配的尺寸(款式)的選項。

在 顏色/款式 管理功能的 Front Store,是用來設定前台的效果呈現,包括您可以指定顏色選項是要以色塊還是圖檔顯示、是方形還是圓形、以及色塊或圖片的大小等等,若您是採用第三方版型,有可能需要調整一下模組的 OCMod 檔。

定義完成之後,就可以在商品編輯中來指定使用,先新增左側選項,右側畫面新增選項值項目時,就會出現尺寸(款式)的選項,可設定尺寸(款式)的庫存數。

商品設定完成之後,就可以到前台看看效果了,這部分可以參考模組廠商提供的 Demo : http://extensionsbazaar.in/demo6/index.php?route=product/product&product_id=30

或是參考我們之前製作的錄製畫面 : https://www.youtube.com/watch?v=PlDO0XyvR60

OpenCart 的優勢就是擴充彈性,內建的功能或許沒有開店平台那麼多,但是安裝或客製自己想要的功能,是遠比開店平台容易與自由,這也是我們一值強調的評估角度,如果您要的商店功能,開店平台都可以滿足,我們認為開店平台對你來說,可能會是比較合適的選擇,反之,如果開店平台無法滿足您想要的功能,這種情況下,採用 OpenCart 系統來進行擴充,可能就會是最理想的選項。

參考資源
OpenCart 網站代管、客製、維護 https://www.osec.tw/
OpenCart 台灣用戶社群 https://www.facebook.com/groups/opencart.taiwan/
OpenCart 台灣技術支援粉絲頁 https://www.facebook.com/ntcart/
OpenCart 台灣優化版專頁 https://www.osec.tw/opencart.html
OpenCart 台灣中文用戶討論區 https://www.ntcart.com/


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
sjww1410
iT邦新手 5 級 ‧ 2020-02-12 21:45:07

OPENCART功能非常有彈性,學習了!

我要留言

立即登入留言