Product Variations Swatches for WooCommerce

ማብራሪያ

Product Variations Swatches for WooCommerce is a professional plugin that allows you to show and select attributes for variation products. The plugin displays variation select options of the products under colors, buttons, images, variation images, radio so it helps the customers observe the products they need more visually, save time to find the wanted products than dropdown type for variations of a variable product.

Try the Demo |Documents |Pro Version | Facebook group

Important Notice:

  • Plugin works based on WooCommerce 7.x or higher, PHP 7.0+

  • It is released on WordPress.org and you can use plugin as free to build themes for sale.

FEATURES

Converting any variations dropdown type into swatches with a couple of clicks:
When you activate WooCommerce Product Variations Swatches plugin, the variation products in the dropdown type will be converted into the variation swatches.

Customizing the global attributes and custom attributes in the plugin setting:
This plugin allows you to customize quickly all existing global attributes in WooCommerce through the swatches setting of this plugin.

  • Search attribute: You can use the search bar to search for an existing global attribute

  • Display Style: You can set to display global attributes in 2 styles: Horizontal or vertical

  • Display Type: You can set to display global attributes in 5 types: Button, Color, Image, Variation Image, Radio

  • Swatches profile: You can select to show one of the available swatches profile

  • Edit terms of the global attributes: You can customize each attribute term of an existing global attribute

Swatches profiles:
WooCommerce Product Variations Swatches plugin allows you to design and style for swatches profiles.

  • Customizing a swatches profile: You can customize to display a default swatch design pattern: Name, Padding, Height, Width, Font size, the size on mobile mode, on the product list, Color, Box-shadow effect

  • Styling Hover status: You can customize the hover status including Color, Background, Border, Box-shadow effect, Reduce size

  • Styling Selected status: You can customize the display status when a variation swatch is selected. The customization includes Color, Background, Border, Box-shadow effect, Reduce size

  • Customizing Tooltip: You can customize the tooltip status when a variation swatch is selected. including Color, Border, Font size and Positions of the tooltip

Works on mobile: WooCommerce product variations swatches work perfectly on mobile devices

Easy to use: Friendly interface and easy to use

PRO VERSION:

All features from free version

Unlimited Swatches profiles: You also can duplicate the current swatches profile to generate rapidly many swatch design patterns

Show the particular attributes on product list: this allows you to show/hide a particular attribute on the product list

Change product image: No matter type of swatches is, you can set image for each attribute term and make product image change accordingly when customer selects that attribute term

Disable out-of-stock variation items: Out-of-stock attribute combination can be automatically detected and displayed as blur or crossed-out, clickable or not or even hidden

Tooltip content: You can modify tooltip content and even use attribute/variation image in tooltip

Installing easily to display custom attributes of the variation products on the front end:
You can easily install to display custom attributes of the variations products on the front end by the custom attribute option.

  • Custom attribute name: You can enter the name of the existing attributes, then customize them rapidly

  • Assign category: Choose in which categories customizing the attribute be applied

  • Display Style: You can select to display custom attributes in 2 styles: Horizontal or vertical

  • Display Type: You can select to display custom attributes in 5 types: Button, Color, Image, Variation Image, Radio

  • Swatches profile: Selecting to show custom attributes in one of the available swatches profile

  • Show on product list: This allows you to show/hide a particular custom attribute on the product list

Display product variations swatches in the product list and assigned pages:
You can manage to show/hide the product variations swatches through some options in the display on the product list tab

  • Show Add to cart button: You can enable to show the Add to cart button and it will show up after selecting attributes

  • Show attribute name: You can select to show/hide the attribute name of variation swatches

  • Position: You can customize the positions of the variation swatch on the shop page, category page, and the products list

  • Text tooltip: This allows you to show or hide the variation text tooltip on the products list

  • Maximum attribute item: You can manage the number of the attribute items shown on the swatches

Multilingual support:
If you use WPML to translate attributes, you only need configure attribute image in the primary language. Attribute image of translated attributes are inherited from original attribute.

Documentation

Plugin Links

MAY BE YOU NEED

9MAIL – WordPress Email Templates Designer

9Map – Map Multi Locations

Abandoned Cart Recovery for WooCommerce

Advanced Product Information for WooCommerce

AFFI – Affiliate Marketing for WooCommerce

ALD – Dropshipping and Fulfillment for AliExpress and WooCommerce

Boost Sales for WooCommerce – Set up Up-Sells & Cross-Sells Popups & Auto Apply Coupon

Bopo – WooCommerce Product Bundle Builder

Bulky – Bulk Edit Products for WooCommerce

Cart All In One For WooCommerce

Catna – Woo Name Your Price and Offers

Checkout Upsell Funnel for WooCommerce

ChinaDS – Tmall-Taobao Dropshipping for WooCommerce

Clear Autoptimize Cache Automatically

COMPE – WooCommerce Compare Products

Coreem – Coupon Reminder for WooCommerce

Coupon Box for WooCommerce

CURCY – Multi Currency for WooCommerce – The best free currency exchange plugin – Run smoothly on WooCommerce 9.x

Customer Coupons for WooCommerce

DEPART – Deposit and Part payment for Woo

Email Template Customizer for WooCommerce

EPOI – WP Points and Rewards

EPOW – Custom Product Options for WooCommerce

EU Cookies Bar for WordPress

EXMAGE – WordPress Image Links

FEWC – Extra Checkout Fields For WooCommerce

Free Shipping Bar for WooCommerce

GIFT4U – Gift Cards All in One for Woo

HANDMADE – Dropshipping for Etsy and WooCommerce

HAPPY – Helpdesk Support Ticket System

Jagif – WooCommerce Free Gift

LookBook for WooCommerce – Shoppable with Product Tags

Lucky Wheel for WooCommerce – Spin a Sale

Notification for WooCommerce | Boost Your Sales – Recent Sales Popup – Live Feed Sales – Upsells

Orders Tracking for WooCommerce

Photo Reviews for WooCommerce

Pofily – WooCommerce Product Filters

Product Builder for WooCommerce – Custom PC Builder

Product Pre-Orders for WooCommerce

Product Size Chart For WooCommerce

REDIS – WooCommerce Dynamic Pricing and Discounts

REES – Real Estate for Woo

S2W – Import Shopify to WooCommerce

Sales Countdown Timer

SUBRE – Product Subscription for WooCommerce – Recurring Payments

Suggestion Engine for WooCommerce

Thank You Page Customizer for WooCommerce – Increase Your Sales

TMDS – Dropshipping for TEMU and Woo

W2S – Migrate WooCommerce to Shopify

WebPOS – Point of Sale for WooCommerce

WordPress Lucky Wheel – Spin a Sale

WPBulky – WordPress Bulk Edit Post Types

Screenshots

መጫን

  1. Unzip the download package
  2. Upload product-variations-swatches-for-woocommerce to the /wp-content/plugins/ directory
  3. Activate the plugin through the ‘Plugins’ menu in WordPress

Reviews

ሐምሌ 29, 2024
I absolutely love this plugin! My E-commerce stores look so much more professional. My only wish is I could switch from HTML Color Code to Image on products I have already coded.
ሚያዝያ 17, 2024 1 reply
I am just having fun using Product Variations Swatches for WooCommerce. It been helpfull and i am still learning on using it with my WooCommerce Store. Thanks Guys.
Read all 75 reviews

Contributors & Developers

“Product Variations Swatches for WooCommerce” is open source software. The following people have contributed to this plugin.

Contributors

“Product Variations Swatches for WooCommerce” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Product Variations Swatches for WooCommerce” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

/** 1.1.10 – 2025.02.28**/
– Fixed: Can not show the variation image on swatches
– Updated: Option to use variation swatch images as default display for products with multiple attributes.

/** 1.1.9.5 – 2025.02.25**/
– Fixed: Can not click the ‘Save attributes’ button

/** 1.1.9 – 2025.02.14**/
– Fixed: Error reported by customer

/** 1.1.8 – 2025.02.13**/
– Updated: Option to use variation swatch images as the default display type
– Updated: setting swatches on the product edit page

/** 1.1.7 – 2024.12.28**/
– Updated: Compatible with WC 9.5

/** 1.1.6 – 2024.11.23**/
– Updated: Compatible with WC 9.4 and WP 6.7

/1.1.5 – 2024.10.11/
– Updated: Compatible with WC 9.3 and WP 6.6
– Updated: Class VillaTheme_Support

/1.1.4 – 2024.04.13/
– Updated: Compatible with WC 8.7 and WP 6.5
– Updated: Update support file

/1.1.3 – 2024.02.05/
– Updated: Compatible with WC 8.5
– Fixed: Can not save/add product attributes

/1.1.2 – 2023.11.30/
– Updated: Compatible with WC 8.3 and WP 6.4
– Fixed: Can not save/add product attributes

/1.1.1 – 2023.07.24/
– Fixed: Can not save/add product attributes with WC 7.9

/1.1.0 – 2023.07.15/
– Updated: Compatibility with WooCommerce Extended Coupon Features PRO by Soft79
– Updated: Compatible with HPOS – WC 7.8.0 and WP 6.2.2
– Updated: Update support file

/1.0.10 – 2023.02.23/
– Updated: Compatible with WC 7.4.0

/1.0.9 – 2022.12.22/
– Updated: Compatible with WC 7.2.0 and WP 6.1.1
– Updated: Language file
– Updated: Update support file

/1.0.8 – 2022.07.15/
– Updated: Dismiss notice at admin bar

/1.0.7 – 2022.06.21/
– Fixed: Initialize swatches after a request to admin-ajax.php but not an ajax request

/1.0.6 – 2022.06.20/
– Fixed: Custom attributes not saving correctly if name contains quote sign
– Fixed: Error on settings page in some cases
– Fixed: “Change the size of attribute items” not applied to Select type
– Updated: Class VillaTheme_Support
– Updated: Compatibility check with WP6.0
– Improved: Values of Global attributes are paginated
– Improved: Remove empty css
– Added: Preview of attribute image and color on Global attributes page

/1.0.5 – 2022.04.20/
– Updated: Class VillaTheme_Support

/1.0.4 – 2022.03.29/
– Updated: Class VillaTheme_Support

/1.0.3 – 2022.03.21/
– Updated: Class VillaTheme_Support

/1.0.2 – 2022.01.11/
– Fixed: Swatches not working with Woodmart theme’s quickview
– Fixed: Some fields of global attributes(Edit screen) are duplicated when WPML is active
– Updated: VillaTheme_Support
– Updated: Make “Out of stock” design(Swatches profile) apply no matter “Disable ‘out of stock’ variation items” option is on or off

/1.0.1.16 – 2021.08.05/
– Fixed: Product not adding to cart correctly when using “Theme default” swatches type

/1.0.1.15 – 2021.08.03/
– Added: Unlock the Disable ‘out of stock’ variation items option

/1.0.1.14 – 2021.07.31/
– Fixed: “Out of stock” style not applying
– Updated: Compatibility with WP5.8 and WC5.5
– Updated: Class VillaTheme_Support

/1.0.1.13 – 2021.06.08/
– Fixed: “Out of stock” check only runs after selecting an attribute

/1.0.1.12 – 2021.06.05/
– Fixed: Custom attributes not saving correctly if attribute name contains special characters
– Updated: Product edit page: button “Add new” -> “Add”, add button “Add new” like WooCommerce which is to create a new term for global attributes

/1.0.1.11 – 2021.03.01/
– Added: Reset settings general
– Fixed: Attribute image not saving

/1.0.1.10 – 2021.02.20/
– Fixed: Tooltip position

/1.0.1.9 – 2020.12.15/
– Fixed: Edit attribute on product editor page

/1.0.1.8 – 2020.12.12/
– Fixed: save attribute on product editor page
– Updated: Compatibility with WP 5.6
– Updated: Delete image for attribute item
– Added: Enable/disable attribute title on single
– Added: Show selected attribute item on single
– Added: Import/ export settings general

/1.0.1.7 – 2020.08.22/
– Fixed: Swatches select revert to attribute slug after add to cart

/1.0.1.6 – 2020.08.12/
– Updated: Compatibility with WP5.5 and WC4.3

/1.0.1.5 – 2020.06.29/
– Added: Add ajax variation threshold
– Added: Add default Swatches profile
– Added: Select multi value for global in the product edit page

/1.0.1.3 – 2020.05.09/
– Fixed: Display color type and image type for custom attribute

/1.0.1.2 – 2020.04.23/
– Update: support class

/1.0.1.1 – 2020.04.22/
– Fixed: Style ‘Out of stock’ swatches
– Updated: Update readme

/**1.0.1 – 2020.04.11/
– Fixed: Horizontal style