本文所使用的是 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、小/中/大、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=PlDO0XyvR600
OpenCart 的優勢就是擴充彈性，內建的功能或許沒有開店平台那麼多，但是安裝或客製自己想要的功能，是遠比開店平台容易與自由，這也是我們一值強調的評估角度，如果您要的商店功能，開店平台都可以滿足，我們認為開店平台對你來說，可能會是比較合適的選擇，反之，如果開店平台無法滿足您想要的功能，這種情況下，採用 OpenCart 系統來進行擴充，可能就會是最理想的選項。
MarTech 行銷科技洞察社團 - GA4、SEO、GTM、Search Console、Looker Studio、社群、內容、廣告
OpenCart 台灣技術支援 - OpenCart 網站代管、客製、維護
OpenCart 台灣電商社團 - 台灣 OpenCart 使用者交流
=====================================================