WordPress.org

Plugin Directory

Product Variation Swatches for WooCommerce – Enhance Your Store Product Attributes with Elegant Color, Image, and Label Swatches

Product Variation Swatches for WooCommerce – Enhance Your Store Product Attributes with Elegant Color, Image, and Label Swatches

外掛說明

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

✨ Product Variation Swatches for WooCommerce Features:

  • 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

  1. Login to your admin panel
  2. Navigate to Plugins -> Add New
  3. Search Product Variation Swatches By PluginEver
  4. 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-

  1. Download the plugin by clicking on the red button above. A ZIP file will be downloaded.
  2. Login to your site’s admin panel and navigate to Plugins -> Add New -> Upload.
  3. 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-

  1. Download the plugin by clicking on the red button above.A ZIP file will be downloaded.
  2. Unzip the file.
  3. Launch your favorite FTP client. Such as FileZilla, FireFTP, CyberDuck etc. If you are a more advanced user, then you can use SSH too.
  4. Upload the folder to wp-content/plugins/
  5. Log in to your WordPress dashboard.
  6. Navigate to Plugins -> Installed
  7. 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.

螢幕擷圖

  • Select Variation in Front End
  • Cross-out stock Swatches
  • Blur Disabled Attributes
  • General Settings
  • Shape Style Settings
  • Tooltip Settings
  • Border Style Settings
  • Color Swatches
  • Image Swatches
  • Attribute Types

常見問題集

How will Product Variation Swatches for WooCommerce add value to my store?

The decorative swatches will enhance your visual representation of variable products with easy-to-select options.

Can I ask/suggest for a new feature?

Yes, of course. We do not create products for ourselves. You are always welcome to suggest new features and improvements.

使用者評論

2021 年 2 月 19 日
This plugin is simple and it looks great! I was excited to use it, but when I had questions, nobody answered them. So i deleted it. Shame!
2020 年 12 月 22 日
Most popular plugins didn’t work with my custom modal, but yours does. Please don’t abandone it, cause what should I do if it finish to work with new wp versions? Only create my own like this, but I don’t ready for it yet. My review is stupid, but it’s positive and I’m honest. Thank you!
2020 年 6 月 10 日
Great plugin! It fully implements all the necessary functionality and works perfectly in combination with my highly customized theme and scripts.
2020 年 1 月 4 日
I don’t know why this plugin has no reviews and only a few installs but I’m sure glad I found it! Does exactly what I need and under a 28Kb download size. There are a few premium options available in the set up area but I see no way to purchase them and this plugin is not listed on the developers Website. Perhaps development has ended? Anyway, I looked at all of the heavyweight $$$ swatches plugins and this one was perfect for my needs. Thanks!
閱讀全部 5 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Product Variation Swatches for WooCommerce – Enhance Your Store Product Attributes with Elegant Color, Image, and Label Swatches〉的開發相關工作。

參與者

變更記錄

1.1.0 (22th Aug, 2024)

  • Update Framework
  • Fix – Known Security issues
  • Fix – Compatibility with WC Latest Version

1.0.5 (27th Jul, 2024)

  • Fix – Woocommerce HPOS issue.
  • Fix – Compatibility with WP v6.6.1
  • Fix – Compatibility with WC v9.1.4

1.0.4 (20th Nov, 2022)

  • Fix – Compatibility with WP v6.1
  • Fix – Compatibility with WC v7.1

1.0.3 (28th Sept, 2022)

  • Fix – Compatibility with WP v6.0.2
  • Fix – Compatibility with WC v6.9.4

1.0.2 (27th May, 2021)

  • Fix – Compatibility with WP v5.7.2
  • Fix – Compatibility with WC v5.3.0

1.0.1 (24th October, 2019)

[Fix] WC compatibility with 3.7.1
[Fix] WP compatibility with 5.2.4
[Fix] Preview image in product attribute

1.0.0 (1st September, 2019)

Initial release