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

介紹或分享第三方廠商或本站自行開發的模組及版型
回覆文章
admin
系統管理員
文章: 150
註冊時間: 2018-01-05, 17:40

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

文章 admin » 2019-01-23, 12:06

本文所使用的是 Product Option Colour & Size Combination Pro Plus 擴充模組,
https://www.opencart.com/index.php?rout ... n_id=35044
圖檔

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

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

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

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

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

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

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

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

OpenCart 的優勢就是擴充彈性,內建的功能或許沒有開店平台那麼多,但是安裝或客製自己想要的功能,是遠比開店平台容易與自由,這也是我們一值強調的評估角度,如果您要的商店功能,開店平台都可以滿足,我們認為開店平台對你來說,可能會是比較合適的選擇,反之,如果開店平台無法滿足您想要的功能,這種情況下,採用 OpenCart 系統來進行擴充,可能就會是最理想的選項。
OpenCart 購物網站代管及維護 https://www.osec.tw
OpenCart 台灣技術支援 FB 粉絲頁 https://www.facebook.com/ntcart/

回覆文章