商品顏色+尺寸(款式) 的後台設定操作

本文所使用的是 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 使用者交流
=====================================================