WCF COLOR AND IMAGE VARIATION SWATCHES PLUGIN FOR WOOCOMMERCE
★ ★ ★ ★★69 customer reviews
Convert an ordinary image to an extraordinary one
by adding unique variations and swatches
By our variation swatch plugin
This Plugin will help your visitor with easy payment gateway methods
About The Plugin
WeCodeFuture’s Color And Image Variation Swatches Plugin For WooCommerce provides new WooCommerce type attributes such as color, label, and image of a product to create beautiful variations.
How Does It Benefit Your Business?
This plugin enables you to:
Provide Color Swatches For Variable Product Attribute Variations to your customers.
Image Swatches For Variable Product Attribute Variations
Label/Text/Button Swatches For Variable Product Attribute Variations
If you are not satisfied with our products, you will receive a 100% refund for any reason. Read more about the refund policy
WeCodeFuture’s Variation Swatch Plugin For WooCommerce not only offers the color, image, and label attributes in the single WooCommerce product. It also enables them in quick product view. So if you’re using WooCommerce themes like Flatsome that come with the default Quick View option, you don’t need to hassle load color and image swatches for variable product attribute in quick view separately.
Our Variation Swatch Plugin is an 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 labels.
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.
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 a variation swatch hover. Based on your requirement you enable and disable hover from the settings. To maximize and personalize development process, the product attributes swatches comes an option to disable the default plugin stylesheet so that you can personally write your own CSS.
Create a new attribute, or skip this step if you already have one.
Edit the attribute by clicking edit or Configure Terms.
Add New Color or whatever your attribute is called (or choose to edit an existing term).
Select either “Color” or “Image” in the Swatch Type dropdown.
If you’ve chosen a color, you’ll be able to click on the color icon and select the color you want to use in the color picker. Alternatively, you can type in the HEX value for the color.
If you’ve chosen an image, you’ll be able to upload an image.
Select Add New Color
How do I get variation images in WooCommerce?
Go to WooCommerce > WooThumbs > Bulk Edit. Here you’ll be able to see all your WooCommerce products with additional variation images. This page shows the Variation Name, its Parent Product, and the ID (a number given to each image you upload to WordPress) of the various images you’ve added
How do I display WooCommerce variations with color size buttons?
Once the plugin is installed, go to WordPress Dashboard > Products > Attributes and open one of the existing attributes, for example, “Color” if you have it already.
The attribute edit page will now have a new select field called “Type”. You can now pick “Color” from the drop-down to indicate you want this attribute to show as a color-picker.
How do I add color to a product in WooCommerce?
After choosing Product data as the Variable product, click on tab Attribute > choose the available value in box Custom product attribute as Color or Size then click Add button. Then you can configure the value for each term there. Finally, click the Save attribute and Update the product, and see it in the front end.
How do I add swatches to WordPress?
Select the size of the swatches if you’ve selected “Custom Colors and Images”. This will determine how large the swatches will be on the product page.
Automated page speed optimizations for fast site performance