前言介紹
- 這款 WordPress 外掛「Product Variation Swatches for WooCommerce – Smart Swatches」是 2024-11-27 上架。
- 目前有 200 個安裝啟用數。
- 上一次更新是 2025-04-15，距離現在已有 19 天。
- 外掛最低要求 WordPress 5.3 以上版本才可以安裝。
- 有 2 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
khalilu | rubel_miah | shapedplugin | shamimmiashuhagh |
外掛標籤
color swatches | image swatches | woocommerce attributes | product variation swatches | woocommerce variation swatches |
內容簡介
**Smart Swatches 介紹**
Smart Swatches 讓您能夠添加互動式產品變體標籤（顏色、尺寸、圖案）以及漂亮的工具提示圖像。它也讓您能在 WooCommerce 商店和產品詳細頁面上顯示這些變體標籤。您可以創建外觀非常吸引人且高度互動的產品變體標籤，吸引顧客進行探索。它能幫助顧客更快地找到產品的完美尺寸、顏色、圖案等。
👉 為什麼應該添加標籤
1. 整潔的產品展示 - 不需為每個產品變體創建單獨的列表，您可以將它們組成一個有序的清單。
2. 更符合顧客的選擇 - 商店或詳細頁面上的多個變體選項（例如不同的顏色、尺寸等）更能符合顧客的選擇，並減少跳出率。
3. 視覺上更吸引人和互動性更強的商店 - 變體標籤包括吸引人的產品圖像、顏色、圖案、按鈕和工具提示，顯著增強您商店的視覺吸引力和互動性。
4. 更好的購物體驗 - 產品頁面上的各種選項、視覺上引人注目的標籤以及存檔頁面上的標籤可確保更快地找到產品，並提升顧客滿意度。
5. 高度促銷 - 組織良好的產品變體搭配引人入勝和互動式標籤可吸引顧客，符合不同的喜好並提高銷售。
👉 Smart Swatches 的主要功能
- 自動將下拉菜單轉換為按鈕標籤
- 添加顏色標籤
- 創建圖像標籤
- 添加按鈕/標籤
- 屬性形狀（方形、圓角、圓形）
- 標籤工具提示
- 為每個標籤設置工具提示
- 垂直和水平滾動條標籤顯示樣式
- 滑塊和手風琴標籤顯示樣式
- 自定義單個產品的標籤
- 禁用插件默認樣式表
- 十字和模糊的停用屬性樣式
- 禁用缺貨屬性
- 重新選擇時清除標籤
- 頂部工具提示顯示位置
- 工具提示的幻燈片效果
- 設置標籤邊框和背景顏色
- 更改標籤文本字體大小、顏色
- 顯示已選擇的變體標籤
- 變體標籤分隔符選項
- 在商店頁面上啟用/禁用標籤
- 使用產品頁面樣式到商店頁面
- 顯示/隱藏變體標籤
原文外掛簡介
Smart Swatches helps you add interactive Product Variation Swatches (colors, sizes, patterns) along with beautiful tooltip images. It also allows you to display the variation swatches on both your WooCommerce shop and product detail pages.
You can create visually super appealing and highly interactive product variation swatches that attract customers to explore. It helps customers find a product’s perfect size, color, pattern, and more faster.
🖥️ Live Demo | 📖 Documentation | 🛟 Support | 🏆 Upgrade To Pro!
👉 Why You Should Add Swatches
Organized Product Display – Without creating individual listings for each product variation, you can group them in a single, organized listing.
More Likely To Match Customers’ Choices – Multiple variation options such as different colors, sizes, and more on a shop or detail pages better match customers’ choices and reduce bounce rates.
Visually More Appealing and Interactive Store – Variation swatches include attractive product images, colors, patterns, buttons, and tooltips that significantly enhance your store’s visual appeal and interaction.
Better Shopping Experience – A variety of options on a product page, visually striking swatches, and swatch visibility across archive pages ensure quicker product finding and boost customer satisfaction.
Highly Sales Boosting – Organized product variations with attractive and interactive swatches engage customers, align with diverse preferences, and boost sales.
👉 Key Features of Smart Swatches
Auto Convert Dropdowns to Button Swatches
Add Color Swatches
Create Image Swatches
Add Button/label Swatches
Attribute Shapes (Square, Rounded, & Circle)
Text Tooltips for Swatches
Set Tooltips for each Swatch individually
Vertical and Horizontal Scrollbar Swatch Display Styles for shop pages
Slider and Accordion Swatch Display Styles for shop pages
Customize Swatches for Individual Product
Disable Plugin Default Stylesheet
Cross and Blur Disabled Attribute Styles
Disable Out of Stock Attribute
Clear Swatches on Reselect
Top Tooltip Display Positions
Slide Effects for Tooltips
Set Swatch Border and Background Color
Change Swatch Text Font Size, Color
Show Selected Variation Label
Variation Label Separator Option
Enable/Disable Swatch on the Shop Page
Use Product Page Styling to Shop Page
Show/Hide Variation Label
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Product Variation Swatches for WooCommerce – Smart Swatches」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | trunk |
延伸相關外掛（你可能也想知道）
YaySwatches – Variation Swatches for WooCommerce 》YaySwatches 可以讓您將變體選擇器顯示為彩色樣板、圖像樣板、單選按鈕、按鈕等多種形式，讓您的客戶可以輕鬆在產品詳細資訊頁面上切換產品變體！, 在 WooCom...。
XT Variation Swatches for WooCommerce 》XT Variation Swatches 是一個 WooCommerce 擴充套件，將變形下拉選單轉換成美麗的顏色、圖片或標籤 swatches。對於包含圖片的變形顏色屬性，將自動應用圖片 ...。