本文所使用的是 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/