how to use variation swatches for woocommerce

When you want to create an online store, there aren’t many alternatives nearly as good as WooCommerce. Still, a WooCommerce shop that utilizes the default features of WooCommerce and nothing extra will not be the best one you’ll see.

One of the things you have to do to make your store outstanding is to find a way to enhance the visuals for the display of shop items. Your sales will reflect just how user-friendly your product showcase is. Users want to view variations of products seamlessly, and this is where plugins variation swatches for WooCommerce come in. We will take a look at how to use such a plugin with illustrations from one of the best – if not the best – such plugin. If you need to find variation swatches plugins for WooCommerce, Here is the list of 10+ best WooCommerce variation swatches plugin.

The Variation Swatches for WooCommerce

WooCommerce variation swatches plugin

Variation Swatches for WooCommerce by RadiusTheme is ideal for giving your website an edge in the presentation of product variations. The plugin shows incredible focus on remaining as user-friendly as possible. It has functions that allow you to change product variations from WooCommerce’s default select fields into images, labels, and colors. With the plugin, you don’t have to showcase variations in the usual dropdown fields.

Variation Swatches for WooCommerce gives you tools for creating custom borders for your product swatches that match the style of your website. If you want to enhance your background, you can add an image or solid color.

You can add a tooltip for your product and product category page. Don’t want to delete product variations that are out of stock? With Variation Swatches for WooCommerce, you can just use a cross or blur. You can choose the color for the cross and control the blur opacity.

WooCommerce Variation Swatches comes with the Quick View feature. The feature is ideal for showcasing products without necessarily going to a product page. By default, this plugin works on the product detail page. You can then control the tooltip, font size and color, and image size. The plugin lets you choose between a square and round swatch.

Using the Variation Swatches for WooCommerce

The first thing you have to do is download the Variation Swatches for the WooCommerce plugin. Alternatively, you can install it from the backend straight from the admin panel.

For the second alternative, just go to your admin dashboard, go to plugins, then add new. Go to the search box on the next page and search for variation swatches for WooCommerce. Click on the ‘activate’ the plugin that reads Variation Swatches for WooCommerce by RadiusTheme.

Add & Edit Attributes and Attribute Terms

When creating color attributes, you can do the action globally by navigating to WooCommerce Products è Attributes. The next part is adding the attributes you want by choosing the button, color, image, or radio that you want.

To add or edit new attribute terms, just click on Configure Terms. Select the color you want using the color picker if you want to edit color attributes. You can then set the tooltip text and type.

Set the Product Attributes

While in the editing mode, go to the particular product and select Product Date è Variable Product. Next is to click on add the option for adding the custom product attributes and save. However, before you do, be sure to check the “Used for Variations” box.

Set the Product Variations

When setting the product variations, ensure that you allocate an image, price, and stock status to each variation, or else it won’t appear on the frontend.

Just go to Product Data, before selecting the Variations, Default Variations, selected Attributes, Price, Image, and Stock. Set them up properly to mirror how your products actually are. When you’re about to Add Variation, know that you have the option of setting one variation after another or setting them all at the same time. You take the second option when you click on Create Variations from All Attributes.

Product variation plugin

It is necessary to set up other fields, such as SKU, weight, descriptions, and shipping as per your unique needs.

Set Individual Variations

If you prefer to tweak the settings of each variation separately over global variations, just head over to the Product Swatches tab and choose the property. You can choose to showcase the attribute you want for the catalog mode only.

Select the type of image that you prefer, (and if you want, set the tooltip as image or text) and the particular color you want. When you’ve chosen the particular property you want, just hit the Save Product Swatches button.

variation swatches for WooCommerce

Frontend Variations

When controlling the display of the shop or archive pages, go to WooCommerce è Settings è Product Swatches è Shop or Archive Page. You can then go to your frontend and admire (or critique) your results.

Frontend Variations

Custom Attributes

Adding custom attributes for your products is as easy as heading to the Variable Product è Attributes, then adding the Custom Product Attributes. Click the Add button to add the custom product attributes. Allocate a name and value to each of your custom attributes before clicking on the Save Attributes button.

When adding custom attributes in variations, simply use the custom attributes you just added in the previous step to add variations. From there, set the custom attribute type by heading over to the Product Swatches tab that’s to the left.

From the Product Swatches, it is easy to override the global attribute settings. All you have to do is set the types of attributes, whether they are radio, image, button, or color. Set the property and hit the Save Product Swatches button. You may need another related plugin additional variation images gallery for WooCommerce

Summing Up

Using WooCommerce is a pretty straightforward task and you should be all familiar with its every nook and cranny in no time. When advancing your use of product variations with a plugin like Product Variations for WooCommerce, you can rely on this guide to help you out.

I hope I’ve been a good guide, helping you navigate the easy and tricky parts of using the plugin. All the best as you create a world-beater of an eCommerce shop.

Editorial Staff

Editorial Staff at RadiusTheme is a team of WordPress experts lead by Mamunur Rashid. We have been developing WordPress Themes and Plugins from 2016, Also creating various WordPress tutorials.