Pure WC Variation Swatches

July 11, 2024

Pure WC Variation Swatches Plugin

This plugin works fine with woocommerce stores. Shows color swatches and image swatches inside woocommerce default ugly looking colors variations.

Variation Swatches is easy to use WooCommerce product variation swatches plugin. It offers an aesthetic and professional experience to select attributes for variation products. It turns the product variation select options fields into radio images, colors, and label. It means with the help of this powerful WooCommerce color or image variation swatches plugin, you can show product variation items in images, colors, and label. So, you can say goodbye to dropdown product attribute fields.

Variation Swatches for WooCommerce not only offers the color, image and label attributes in the single WooCommerce product. It also enables them in product quick view. If you’re using WooCommerce themes like Flatsome that comes with default Quick View option, you don’t need to hassle to load color and image swatches for variable product attributes in quick view separately.

In the free WooCommerce attribute variation plugin, besides creating size, brand, image, color, and label variation swatches, you can handle the swatches shape style Rounded and Circle. On top of that, it allows you beautiful tooltips on variation swatch hover. Based on your requirement you enable and disable hover from the settings. To maximize and personalize your development process, the product attributes swatches comes an option to disable default plugin stylesheet so that you can personally write your own CSS.

Swatches Features:

  • Change color.
  • Change shapes (Rounded and Squares).
  • Change sizes.
  • Change tooltip colors.
  • Change tooltip sizes.
  • Add in shop page.
  • Add to cart from shop page.
  • Add shortcode in your php file [pure_wc_swatches] with do_action() method.

πŸ‘‰ Auto Convert All Variation Dropdowns to Button Swatch by Default

You can easily convert the variation select options from drop-down to buttons just by installing this Pure WC Variations Swatches plugin. It will automatically convert your product variation select dropdowns to button swatches once the plugin is installed.

Live Demo

πŸ‘‰ Enable Color Swatches For Variable Product Attribute Variations

For selling variable products, adding color variations is one of the best ways to bring more life into eCommerce stores. When you enable Color Swatches instead of traditional variation dropdown, you are making your customers easier to choose their desired products.

πŸ‘‰ Enable Image Swatches For Variable Product Attribute Variations

Image swatches will provide a pleasant way to display variations of a product.This Image Variation Swatches plugin helps to display product variations easier and more stylishly.

πŸ‘‰ Enable Label/Text/Button Swatches For Variable Product Attribute Variations

For showing available product variation-related details (such as colors and sizes), label/text/button variation swatches extensively boost conversion. It is one of the most effective ways to make all the available options visible for products.

Documentation

πŸ‘‰ Convert Globally Created Attribute Variations Into Color, Image, and Label Swatches

Globally created product attributes are used for many different products. With these Variation Swatches for WooCommerce plugin, you can globally create attributes into color, image, and label swatches. So, you don’t need to get inside each product of your store and enable variation swatches for them separately.

πŸ‘‰ Option to Globally Select ROUNDED Attribute Variation Swatches Shape.

The round shape is one of the unique and helpful features of this swatches plugin. You could grab the attention of buyers by using rounded attribute swatches. The feature helps convert potential buyers into sales.

πŸ‘‰ Option to Globally Select SQUARED Attribute Variation Swatches Shape.

There are many scenarios where you need to show more than two or three characters in swatches or add color and image swatch exclusively. Instead of Round, using a Squared shape is the best practice in such situations.

Documentation

πŸ‘‰ Compatible with Printful, Alidrop, and Multivendor Plugins

This Variation Swatches plugin is compatible with major themes and most popular plugins for WooCommerce. On top of that, it is also compatible with printful, alidrop and multi-vendor plugins.

πŸ‘‰ Customize Tooltip Text and Background Color

Pure WC Variations Swatches plugin allows customizing the title text and tooltip background from the admin backend. It also has the option to change text background color.

πŸ‘‰ Enable / Disable Ajax Variation

When WooCommerce starts to use ajax to load your selected variations, this changes the way of selecting products. That time you can enable or disable ajax variation from our plugin settings.

πŸ‘‰ Archive page swatches positioning

The plugin not only allows you to show swatches on the archive page. At the same time, you can place swatches before and after the add to cart button in the store from Archive Swatches.

πŸ‘‰ Archive page swatches alignment

The plugin not only allows you to show swatches on the archive page. At the same time, you can place swatches before and after the add to cart button in the store from Archive Swatches.

πŸ‘‰ Tooltip display setting on archive/shop page

Variation Swatches for WooCommerce plugin offers a simple setting to enable and disable swatches on archive pages. You can show or hide tooltips and clear links on archive pages.

πŸ‘‰ Variation clear button display setting.

Clear button allows you to clear the selected attribute variation. The Pure WC Variations Swatches plugin offers the option to enable and disable clear links on the archive page.

πŸ‘‰ Customize Tooltip Text and Background Color
πŸ‘‰ Customize swatches colors, background and border sizes
πŸ‘‰ Automatic updates

Keeping your plugin updated is crucial for security and stability of your site. We try to update our plugin regularly.
πŸ‘‰ Exclusive technical support

We provide exclusive technical support to our customers.

Installation

Automatic Install From WordPress Dashboard

  1. Login to your admin panel
  2. Navigate to Plugins -> Add New
  3. Search Variation Swatches for WooCommerce
  4. Click install and activate respectively.

Manual Install 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

Screenshots

  1. Variation Color Swatch Preview

    Variation Color Swatch Preview

  2. Variation Image Swatch Preview

    Variation Image Swatch Preview

  3. Variation Button / Label Swatch Preview

    Variation Button / Label Swatch Preview

  4. Product QuickView Preview

    Product QuickView Preview

  5. Out Of Stock Variation Preview

    Out Of Stock Variation Preview

  6. Tooltip Preview

    Tooltip Preview

  7. Tooltip Setting

    Tooltip Setting

FAQ

How can I configure attributes?

Even this plugin has been installed and activated on your site, variable products will still show dropdowns if you’ve not configured product attributes.

  1. Log in to your WordPress dashboard, navigate to the Products menu and click Attributes.
  2. Click attribute name to edit an exists attribute or in the Add New Attribute form you will see the default Type selector.
  3. Click that Type selector to change attribute’s type. Besides default options Select and Text, there are more 3 options Color, Image, Button/Label to choose.
  4. Select the suitable type for your attribute and click Save Change/Add attribute
  5. Go back to manage attributes screen. Click the cog icon on the right side of attribute to start editing terms.
  6. Start adding new terms or editing exists terms. There will be a new option at the end of the form that allows you choose color from colorpicker, upload image or choose as a button for those terms.

Is it compatible with any kinds of WooCommerce Theme?

Yes, it’s compatible with any WooCommerce theme including OceanWP / Astra / Flatsome / X-Theme / Avada / Uncode / Storefront / Labomba / WR Nitro / Divi / BeTheme. But sometimes it may require small css tweak.

For more details. Check this 100+ WooCommerce Themes that support Variation Swatches plugin

Does it show in product QuickView?

Yes, it supports any kinds of product quick view.

Does it work on MultiSite?

Yes, it is.

How to use it on ajax load more?

If your theme follow wordpress ‘post-load’ event with document then you don’t have to do anything.
Here is the details about it: https://codex.wordpress.org/AJAX_in_Plugins#The_post-load_JavaScript_Event

But if you don’t then just call this javascript function on ajax load event
$('.variations_form').each(function(){
$(this).wc_variation_form();
});

And your are ready to go.

Changelog

1.0.0

  • Update: No Update
  • Update: WC 7.3 Compatibility

1.0.1

  • Update: readme.txt updated with youtube tutorial.
  • Update: Demo website link changes.

1.0.2

  • Update: readme.txt docs.
  • Update: Shop page ajax variation updated.

1.0.3

  • Update: PHP 8.0 compatibility added

1.0.4

  • Update: Same Variation Swatches Issue Solved

1.0.5

  • Update: Front End Issue Solved

1.0.6

  • Update: Variation image size issue solved

1.0.7

  • Update: Variations Tooltip Updated

1.0.8

  • Update: CSS updated

1.0.9

  • Update: JS updated

1.1.0

  • Update: WooCommerce Bug fixed

1.1.1

  • Update: Variation image upload issue fixed

1.1.2

  • Update: Docs updated

1.1.3

  • Update: Variations updated

Details

  • Version: 1.1.3
  • Active installations: 90
  • WordPress Version: 5.6
  • Tested up to: 6.5.5
  • PHP Version: 7.4

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars