
用視覺顏色、圖片和標籤樣本替代下拉選擇器的WooCommerce產品變體
WooCommerce Variation Swatches Pro
WooCommerce Variation Swatches Pro 將標準的變體下拉選單替換為視覺化的樣本選擇器,支持顏色樣本、圖片樣本和標籤/按鈕樣本,提升 WooCommerce 商店的產品選擇體驗。
購買包含:
- 100% GPL 授權
- 終身更新
- 技術支援
- 即時下載
免費下載
取得此產品並解鎖 4,500+ 個進階外掛和佈景主題,每月僅需 US$15.00。
什麼是 WooCommerce Variation Swatches Pro?
WooCommerce Variation Swatches Pro 是一款高級的 WooCommerce 插件,將標準的變體下拉菜單替換為視覺樣本選擇器。這款插件對於希望提升客戶產品變體選擇體驗的在線零售商特別有用。主要功能包括顏色樣本、圖片縮略圖和產品屬性的標籤按鈕、自定義樣式選項,以及商店頁面集成以提高可見性。目標受眾包括希望改善用戶互動和產品展示的 WooCommerce 商店擁有者。它與最新的 WooCommerce 版本兼容,確保無縫的功能。可在 PluginTheme.net 獲得,並附帶 GPL 授權、即時下載和終身更新。
主要功能
顏色樣本
將產品顏色屬性顯示為直觀選擇的彩色圓圈或方形。
圖像樣本
將產品圖像或圖案縮略圖顯示為可選樣本選項,用於視覺屬性。
標籤/按鈕樣本
將像尺寸這樣的文本屬性呈現為樣式化的可點擊按鈕,取代下拉菜單。
商店頁面集成
在產品列表頁面上顯示變化樣本,以便快速選擇,而無需訪問詳細頁面。
可自訂樣式
配置樣本的大小、形狀、邊框、選擇狀態和缺貨外觀設置。
懸停工具提示
當客戶懸停在樣本上時,顯示屬性名稱、放大圖像或自訂文本。
這適合誰?
優點
- 視覺樣本使產品變體選擇比文字下拉更直觀
- 多種樣本類型(顏色、圖像、標籤)適合不同屬性類別
- 商店頁面樣本顯示可從產品列表中快速選擇變體
- 可自定義樣本大小、形狀和樣式以匹配商店設計美學
- 工具提示支持為小型或模糊樣本提供額外上下文
缺點
- •需要初始設置時間來配置樣本類型並為每個屬性分配視覺表示
- •擁有許多產品變體的商店可能需要大量樣本資產創建以便於圖像樣本
產品描述
WooCommerce Variation Swatches Pro 將默認的 WooCommerce 變體下拉菜單轉換為視覺樣本選擇器。客戶不再僅僅依賴文本下拉列表來選擇顏色、尺寸和材質等屬性,而是與視覺元素互動,使產品選擇更加直觀和吸引人。
樣本類型
該插件支援多種樣本展示樣式,每種樣式適合不同的屬性類型。您可以在單個產品中混合樣本類型,以匹配每個屬性的特性——顏色顯示為彩色圓形,尺寸顯示為文本標籤,圖案顯示為圖片縮略圖。
視覺選項
- 顏色樣本 — 將屬性顯示為與實際產品顏色相匹配的彩色圓形或方形
- 圖片樣本 — 顯示產品圖片或圖案縮略圖作為可選項
- 標籤樣本 — 將文本標籤呈現為可點擊的按鈕,並可自訂樣式
- 單選按鈕 — 提供單選樣式的選擇器作為下拉菜單的替代方案
產品頁面整合
樣本在單個產品頁面上取代下拉菜單,並且也可以出現在商店/類別頁面上,以便快速選擇屬性,而無需訪問產品詳細頁面。這使得可以直接從產品列表頁面進行加入購物車的操作。
樣式與自訂
配置樣本的大小、形狀(圓形、方形、圓角)、邊框樣式、選中狀態外觀以及缺貨顯示行為。根據您的偏好,禁用或不可用的變體可以顯示為刪除線、變暗或隱藏。
工具提示支援
為樣本添加懸停工具提示,顯示屬性名稱、放大圖片或自訂文本。工具提示為小樣本提供額外的上下文,幫助客戶在不額外點擊的情況下做出明智的選擇。
我們的評價
PluginTheme Team
專家評審
對於銷售變量產品的WooCommerce商店來說,是一個實用的改進。下拉菜單和樣本之間的視覺差異顯著,並且對於常見屬性類型的實施相當簡單。










