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 – Enhance Your Store Product Attributes with Elegant Color, Image, and Label Swatches

Created by: PluginEver

Rating:
Downloaded: 10k times

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.

Screenshots

  • 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

Categories

Get New Themes & Resources