前言介紹
- 這款 WordPress 外掛「Product Variation Swatches for WooCommerce – Enhance Your Store Product Attributes with Elegant Color, Image, and Label Swatches」是 2019-08-31 上架。
- 目前有 200 個安裝啟用數。
- 上一次更新是 2025-03-27，距離現在已有 38 天。
- 外掛最低要求 WordPress 5.2 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 有 5 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
swatches | variation | woocommerce | product attributes | variation swatches |
內容簡介
roduct and select the “Attributes” tab. Choose the attributes that you have created and save the changes. That's it! Now you will see the exciting swatches for your variable products on the product page of your store. Your customers can easily select their preferred product variation with a simple click on the swatches.
Conclusion:
Product Variation Swatches for WooCommerce is a powerful and convenient plugin for your store to make it more visually appealing and professional. It will provide a better shopping experience for your customers which will lead to more sales and business growth. It is also very easy to use and customize. So, add it to your store now and enjoy the exciting swatches for your variable products.
原文外掛簡介
Product Variation Swatches for WooCommerce is an exciting WooCommerce extension that allows you to display product variations with nice color, image, and text/label swatches for your variable products.
Product Variation Swatches for WooCommerce will allow you to change the default dropdown fields for variable products offered by WooCommerce. You must acknowledge that your store visitors prefer a graphical or visual representation of various product attributes. Visual representation also helps to promote a professional and polished look of your store.
With Product Variation Swatches for WooCommerce, you can add exciting and descriptive visual looks for your variable products with just a few simple steps. The exciting swatches will give your store visitors an impressive experience and turn visitors into customers.
View Demo & Upgrade to Pro for Product Variation Swatches for WooCommerce
DEMO | Get The PRO Version | Support | Documentation
✨ Features of Product Variation Swatches for WooCommerce :
Change the default WooCommerce dropdown to exciting clickable swatches.
Add color swatches for color attributes.
Add image swatches for image attributes.
Add text swatches for label/size attributes.
You can add numerous terms under each attribute.
Enable or disable plugin default stylesheet.
Change the attribute behavior for disabled attributes.
Select different swatch styles (round or square).
Ability to adjust swatch (width and height).
Show or hide the tooltip for each product attribute.
Option to customize tooltip {font size, background color, text color}.
Ability to enable or disable border style for swatches with custom color.
How will Product Variation Swatches for WooCommerce benefit you?
Flexible customization options to illustrate your taste and best store appearance.
Get an exciting look for the product page of variable products.
Customers will be able to pick their desired product instantly.
Easy-to-use features will increase your productivity.
Convert visitors into customers effortlessly.
Installation:
Automatic Installation From WordPress Dashboard
Login to your admin panel
Navigate to Plugins -> Add New
Search Product Variation Swatches By PluginEver
Click install and activate respectively.
Manual Installation From WordPress Dashboard
If your server is not connected to the Internet, then you can use this method-
Download the plugin by clicking on the red button above. A ZIP file will be downloaded.
Login to your site’s admin panel and navigate to Plugins -> Add New -> Upload.
Click choose file, select the plugin file and click install
Install Using FTP
If you are unable to use any of the methods due to internet connectivity and file permission issues, then you can use this method-
Download the plugin by clicking on the red button above.A ZIP file will be downloaded.
Unzip the file.
Launch your favorite FTP client. Such as FileZilla, FireFTP, CyberDuck etc. If you are a more advanced user, then you can use SSH too.
Upload the folder to wp-content/plugins/
Log in to your WordPress dashboard.
Navigate to Plugins -> Installed
Activate the plugin
How does Product Variation Swatches for WooCommerce Work?
You can get started with Product Variation Swatches for WooCommerce in just a few steps. First of all, go to the “Attributes” section under the WooCommerce “Product” menu. You will find some default attributes that already exist there. Delete the existing attributes from there. Now add new attributes from the “Add new attribute” option. Select the type from the dropdown option and then finally add them. There are three different “types” {Color, Image and Label} that you can choose.
Now you have to configure terms for those attributes. Under the color attribute, you can add different color names and choose a color for them from the color picker. For the images, you have to upload images and give them proper term names. You can also use existing images here. Finally, for the label attribute, choose a name and any number of characters for the swatch terms. You can add or modify the terms at any time you want.
Finally, you have to add them to your variable products. Go to the edit product section of your variable products. Find variations from the product meta box section and delete the existing variations from there. If there are no variations added, then you can skip this step.
Next, you have to add the new variations for your product from the “Attributes” meta box. Click on the attribute name and select values for it.
You can either select all or specific values related to a product.
One last step, go to variations and make all the combinations that you need for your variations. Once you save changes and update your product, the beautiful swatches will appear for it.
Compatibility:
Product Variation Swatches for WooCommerce requires WooCommerce, and the minimum required version is 6.0.0. Apart from that, it is compatible with all WooCommerce themes. Though we did not experience any problems, there can be issues as WordPress and WooCommerce host a huge number of themes and plugins.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Product Variation Swatches for WooCommerce – Enhance Your Store Product Attributes with Elegant Color, Image, and Label Swatches」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.3 | 1.0.4 | 1.0.5 | 1.1.0 | 1.1.1 | 1.1.2 | 2.0.0 | 2.0.1 | 2.0.2 | 2.0.3 | trunk |
延伸相關外掛（你可能也想知道）
Variation Swatches for WooCommerce 》為 WooCommerce 產品屬性打造美麗的顏色、圖片和按鈕變化的樣式, 如何安裝 WooCommerce 變化樣式外掛程式升級可變產品, , 變化樣式是易於使用的 WooCommerce ...。
Variation Swatches for WooCommerce 》Variation Swatches for WooCommerce 是一個外掛程式，提供更好的方式來顯示變化的可變產品。此外掛程式可以幫助你選擇每個屬性的樣式，例如顏色、圖片或標籤...。
WCBoost – Variation Swatches 》WCBoost – 變化選擇外掛程式提供了一種更好的方式來顯示可變產品的變化。此外掛程式將有助於為每個屬性設置樣式，例如顏色、圖像、標籤或按鈕。以此外...。
Variation Swatches for WooCommerce 》ooCommerce外掛將商品選項欄位變成單選框、圖片、顏色與標籤。透過使用這款 Variation Swatches for WooCommerce 外掛，您可以將商品選項屬性顯示成圖片、顏...。
Variation Swatches for WooCommerce 》譯文：, , 簡介, WooCommerce變體標籤外掛可以將預設的WooCommerce商品屬性下拉選項轉換成時尚的標籤。這款神奇的外掛可以幫助您以時尚的方式展示產品變體（...。
Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) 》您是否對 WooCommerce 目前呈現產品屬性的方式感到沮喪？這個外掛允許您將 WooCommerce 產品變體的選擇選項轉換為更加用戶友好的樣式。例如顏色樣式、按鈕樣...。
Variation Swatches for WooCommerce 》TH Variation Swatches for WooCommerce 是一個易於使用的免費插件，可替換默認調色板為專業風格和彩色調色板。插件界面友好，可無縫編輯變化。插件帶有三種...。
WooCommerce Builder & Gutenberg WooCommerce Blocks – WowStore 》ProductX Gutenberg WooCommerce Blocks 是一個綜合性的解決方案，可透過顯示 WooCommerce 產品網格、WooCommerce 進階產品輪播、WooCommerce Ajax 產品篩選...。
Out of Stock Message Manager for WooCommerce 》Out of Stock Message for WooCommerce 外掛可用於編寫缺貨自訂訊息，並且可以設定不同的背景和文字顏色。此缺貨訊息可在 woocommerce 指定產品或全局產品上...。
QODE Variation Swatches for WooCommerce 》總結：QODE Variation Swatches 是一款靈活且功能豐富的 WooCommerce 外掛，可幫助您在商品旁展示產品變化，提供顏色、圖像和標籤等屬性示例，減少顧客查看不...。
Color and Image Swatches for Variable Product Attributes 》免費版本示範連結 | 免費版本說明文件連結, 總覽, 使用我們的 woocommerce 外掛程式，您可以產生顏色和圖片樣品以顯示可用的產品變量屬性，例如顏色、尺寸、...。
YaySwatches – Variation Swatches for WooCommerce 》YaySwatches 可以讓您將變體選擇器顯示為彩色樣板、圖像樣板、單選按鈕、按鈕等多種形式，讓您的客戶可以輕鬆在產品詳細資訊頁面上切換產品變體！, 在 WooCom...。
XT Variation Swatches for WooCommerce 》XT Variation Swatches 是一個 WooCommerce 擴充套件，將變形下拉選單轉換成美麗的顏色、圖片或標籤 swatches。對於包含圖片的變形顏色屬性，將自動應用圖片 ...。
MAS Variation Swatches for WooCommerce 》MAS Variation Swatches for WooCommerce 外掛可以將 WooCommerce 變式產品中的下拉式欄位替換為顏色、標籤和圖像樣式選擇。, 這個外掛提供以下的功能：, , ...。
Ezusy – Image Swatches for Variable Product 》, 示範連結 | Ezusy, , 預設設定下，當您在 WooCommerce 的商品變異屬性欄位選擇產品變數時，只會顯示主要變化的圖片。, Ezusy 外掛可以幫助您優化 WooCommer...。