
用視覺圖像和顏色樣本替換WooCommerce變體下拉選單
OpenSwatch - Woocommerce Variations Image Swatch
OpenSwatch 將標準的 WooCommerce 變體下拉菜單替換為視覺圖像樣本和顏色樣本。客戶可以通過點擊視覺表示來選擇產品選項,而不是閱讀文本列表,從而改善視覺產品的購物體驗。
購買包含:
- 100% GPL 授權
- 終身更新
- 技術支援
- 即時下載
免費下載
取得此產品並解鎖 4,500+ 個進階外掛和佈景主題,每月僅需 US$15.00。
什麼是 OpenSwatch - Woocommerce Variations Image Swatch?
OpenSwatch 是 MyThemeShop 推出的高級 WooCommerce 插件,旨在通過用視覺樣本替換標準下拉菜單來增強產品變體選擇。此插件特別適合希望改善產品選擇過程中用戶體驗的電子商務商店。OpenSwatch 允許客戶通過點擊顏色樣本、圖案圖片或產品照片來選擇變體,使選擇過程更加直觀。畫廊更新功能確保在選擇樣本時產品圖片會變更,提供準確的預覽。此插件設計為與 WooCommerce 兼容,確保與現有產品頁面的平滑整合。可在 PluginTheme.net 獲得,具有 GPL 許可證、即時下載和終身更新。
主要功能
顏色樣本
用視覺顏色樣本取代文本下拉選單,顯示精確的顏色色調,便於快速和準確地選擇產品顏色變體。
圖片樣本
基於照片或圖案的樣本,顯示每個變體選項的實際材料質感、印刷或產品圖片。
畫廊整合
當選擇樣本時,產品畫廊圖片會更新,顯示所選變體的產品,以提供準確的視覺預覽。
商店頁面顯示
變體樣本在產品列表頁面上可見,讓客戶在不打開個別產品頁面的情況下預覽選項。
這適合誰?
優點
- 視覺選擇:客戶看到顏色和圖案,而不是閱讀文本下拉選單
- 畫廊更新:當選擇樣本時,產品圖像可以變更以準確預覽
- 商店頁面樣本:變化選項在列表頁面上可見以便於瀏覽
- 靈活類型:顏色、圖像和標籤樣本選項適用於不同屬性類型
缺點
- •圖像樣本設置需要為每個選項上傳單獨的樣本圖像
- •具有多個變體的產品可能會創建密集的樣本顯示,需要佈局注意
- •某些主題可能需要CSS調整以實現最佳樣本顯示集成
產品描述
OpenSwatch 將 WooCommerce 產品變化選擇器從標準下拉選單轉換為視覺色板。客戶不再透過文字選擇選項,而是通過點擊顏色樣本、圖案圖片或代表每個選項的產品照片來選擇變化。
色板類型
- 顏色色板,顯示實色的十六進制顏色
- 使用產品照片或圖案樣本的圖片色板
- 帶有樣式按鈕的文字選項標籤色板
- 同一產品上不同屬性的混合色板類型
- 自定義色板大小和形狀(方形、圓形、矩形)
購物體驗
視覺色板幫助客戶一目了然地理解選項。藍色色板比從下拉選單中閱讀「海軍藍」更快地傳達準確的顏色陰影。當選擇色板時,產品畫廊圖片可以更新,顯示所選變化的產品。
產品列表整合
色板可以在商店和類別頁面上與產品縮略圖一起顯示,讓客戶在不打開單個產品頁面的情況下預覽變化。這加快了對於有多種顏色或樣式變化的商店的瀏覽速度。
我們的評價
PluginTheme Team
專家評審
OpenSwatch 為 WooCommerce 商店���供了有意義的用戶體驗改善,使用視覺產品變體。視覺樣本的方法比文本下拉選單更有效地傳達選項,特別是在顏色和圖案選擇上。












