如何點擊不同的顏色選項展示對應顏色的產品主圖?
瀏覽數量: 5 作者: 本站編輯 發布時間: 2025-03-19 來源: 本站
["wechat","weibo","qzone","douban","email"]
一、應用場景
商戶Tina運營著一家服飾在線商城,她希望系統可以讓訪客更直觀地了解商品的SKU規格,例如將服飾顏色作為SKU選項,訪客點擊不同的顏色選項展示對應顏色的商品主圖,這樣可以更好地展現商品的特點,提高客戶的商品加購率。
二、操作步驟
(1)點擊進入內容管理后臺——進入產品的詳情編輯頁面,如下圖所示:

(2)進入后有個產品規格設置,點擊添加規格項目,設置規格值及對應的縮略圖,如下圖所示:

(3)去products系統頁面添加產品列表組件,選擇產品列表風格第14個風格,如下圖所示:

保存發布后,前臺頁面展示效果:實現點擊產品SKU規格縮略圖,顯示對應產品規格圖。如下圖所示:
