Skip to main content
Agency Program Get 2× more leads and save 50% on hosting. Built for agencies ready to grow. Book a call
Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) icon

Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches)

v1.4.0
by HasThemes · 4.4 (24 reviews)

Product Variation Swatches For WooCommerce Products.

6K+ active installs Updated Jan 29, 2025 Tested to 6.7.2 Requires PHP 5.4
Try Demo Download
Pre-installed Ready in ~10s No card
Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches)

About Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches)

The Swatchly plugin for WooCommerce allows you to replace the default dropdown options for product variations with more user-friendly swatches, such as color, button, and image swatches. It offers a range of customization options and features to enhance the shopping experience for your customers. You can enable swatches for different pages, override settings for individual products, and choose from different swatch shapes and types.

Screenshots

Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) screenshot
Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) screenshot
Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) screenshot
Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) screenshot
Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) screenshot
Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) screenshot
Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) screenshot
Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) screenshot
Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) screenshot
Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) screenshot
Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) screenshot
Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) screenshot
Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) screenshot

Changelog

Version: 1.4.0 -Date: 29 January 2025

  • Fixed: Issue with multiple initialization of Swatchly on product page.

Version: 1.3.9 -Date: 03 December 2024

  • Fixed: Conflict with 3rd party plugin.

Version: 1.3.8 -Date: 25 November 2024

  • Fixed: Text Domain loading warning with WordPress 6.7.1

Version: 1.3.7 -Date: 17 November 2024

  • Fixed: “Variation URL” not working with elementor loop issue.
  • Fixed: Swatch not working properly with bundles product issue.

Version: 1.3.6 -Date: 14 October 2024

  • Fixed: Issue with the button text color on swatch button hover does not change correctly.

Version: 1.3.5 -Date: 26 September 2024

  • Added: Compatibility for WooCommerce Product Bundles plugin.

Version: 1.3.4 -Date: 11 September 2024

  • Added: Compatibility for Astra Pro quick view

Version: 1.3.3 -Date: 01 September 2024

  • Improved: Coding standards in some areas.
  • Compatibility with WooCommerce latest version.

Version: 1.3.2 -Date: 03 August 2024

  • Updated: 3rd party libraries for latest PHP version compatibility.

Version: 1.3.1 -Date: 11 July 2024

  • Fixed: Encoding issue in product variation dropdown.

Version: 1.3.0 -Date: 10 July 2024

  • Fixed: Issue duplicate form field id in the same form.

Version: 1.2.9 -Date: 24 June 2024

  • Fixed: Escaping issues have been resolved in multiple areas.
  • Updated: Language translation .pot file

Version: 1.2.8 -Date: 13 May 2024

  • Fixed: Escaping issues have been resolved in multiple areas.

Version: 1.2.7 -Date: 18 Apr 2024

  • Tweak: Loading banner in the post/page editor has been removed

Version: 1.2.6 -Date: 17 Apr 2024

  • Added: Compatibility for ShopLentor universal product slider
  • Added: Option to generate URL based on selected variation attributes for product details page.
  • Improved: Removed dependency on JS for Diagnostic data notice dismiss issue
  • Fixed: Product image doesn’t change issue in product loop while use single product add to cart function

Version: 1.2.5 -Date: 19 Feb 2024

  • Added: Option to generate URL based on selected variation attributes.
  • Updated: Language translation .pot file

Version: 1.2.4 -Date: 18 Dec 2023

  • Updated: Language translation .pot file
  • Tweak: Opt-in message to provide non-sensitive diagnostic data and usage information to improve the plugin

Version: 1.2.3 -Date: 14 Nov 2023

  • Fixed: Console error issue with the Barn2 plugin

Version: 1.2.2 -Date: 13 Sep 2023

  • Added: Compatibility with Barn2 Product Filters Plugin.

Version: 1.2.1 -Date: 10 Apr 2023

  • Added: Security nonce verification for recommended plugins

Version: 1.2.0 -Date: 04 Apr 2023

  • Added: 2 new action hooks
  • Added: YITH infinite scroll support

Version: 1.1.9 -Date: 19 Jan 2023

  • Fixed: Swatches doesn’t show in elementor preview mode

Version: 1.1.8 -Date: 06 Oct 2022

  • Fixed: Product loop gallery navigation doesn’t change after variation update
  • Updated: Readme file

Version: 1.1.7 -Date: 11 Aug 2022

  • Tweak: Compatibility for Elementor’s related products
  • Fixed: Related product’s Alignment issue

Version: 1.1.6 -Date: 17 Jul 2022

  • Tweak: Added product type condition to avoid generating error
  • Fixed: get_current_screen Undefined function issue
  • Fixed: Tooltip override issue
  • Fixed: Codestar file not found issue
  • Added: Full Compatibility with the infinite scroll support
  • Added: Compatibility for the WooLentor’s universal product quick view & position
  • Added: Compatibility for the Astra theme

Version: 1.1.5 -Date: 29 May 2022

  • Fixed: Show selected variation name issue
  • Fixed: Shortcode notice was shown on products loaded via ajax
  • Added: Compatibility for the “Urna” theme ajax loading issue on shop page
  • Added: Compatibility for the “jet smart filters” plugin
  • Added: Compatibility for the “Airi” theme infinite scroll & all major infinite scroll

Version: 1.1.4 -Date: 28 Apr 2022

  • Improved: Global Settings
  • Updated: Pot file

Version: 1.1.3 -Date: 23 Mar 2022

  • Fixed: swatchly_pl_swatches shortcode error while using it outside it’s scope

Version: 1.1.2 -Date: 12 Mar 2022

  • Fixed: Duplicate variation JS file on single product page
  • Changed: Demo link

Version: 1.1.1 -Date: 26 Feb 2022

  • Added Compatibility: For the “annasta WooCommerce Product Filters” plugin

Version: 1.1.0 -Date: 14 Feb 2022

  • Fixed: e.indexOf is not a function JS error

Version: 1.0.9 -Date: 8 Jan 2022

  • Recommended extensions added in admin
  • Hello elementor theme support
  • Updated pot file

Version: 1.0.7 -Date: 1 Nov 2021

  • Fixed: Tooltip image size override issue
  • Fixed: Tooltip options were overridden even if the the swatch type is = select/inherit at product level
  • Fixed: Event preventDefault for the product loop
  • Improved: Global settings

Version: 1.0.6 -Date: 9 Oct 2021

  • Fixed: Attribute slug show instead of the the label
  • Fixed: Ordering support for the swatches
  • Fixed: Tooltip image size value override
  • Added: swatchly_return_default_select filter to return default select programmatically
  • Added: swatchly_exclude_variation filter to exclude variation programmatically
  • Added: Tooltip image size global option
  • Added: Catalog mode help text
  • Improved: Undefined array key warning
  • Improved: Variable naming into the code
  • Improved: Some global options

Version: 1.0.5 -Date: 4 Oct 2021

  • Updated: Language file
  • Fixed: Version name parameter with enqueue CSS/JS

Version: 1.0.4 -Date: 13 Sep 2021

  • Fixed: Single product variation form’s table tr,td CSS apply for only swatchly tr,td. Conflict fixed for pricing tier plugins.
  • Fixed: Swatches does not show for out of stock products in the product loop
  • Added: Show “out of stock” status when a variation combination chosen from product loop
  • Improved: Typo of plugin settings options

Version: 1.0.3 -Date: 4 Sep 2021

  • Fixed: Notice conflict with whols plugin
  • Added: Support link to the description after intro
  • Fixed: Menu position conflict problem

Version: 1.0.2 -Date: 1 Aug 2021

  • Fixed: Pro notice width
  • Fixed: “Remove Image” button of product Meta Box

Version: 1.0.1 -Date: 29 Jun 2021

  • Added quick view support
  • General settings indicator improved
  • Added Ajax variation threshold
  • Preview admin column warning fix
  • Added “reset to default swatch settings” option for product Meta Box

Version: 1.0.0

  • Initial Release

Try other plugins

Yoast SEO icon

Yoast SEO

4.8 · 10M+ installs

Improve your WordPress SEO: Write better content and have a fully optimized WordPress site using the Yoast SEO…

LiteSpeed Cache icon

LiteSpeed Cache

4.8 · 7M+ installs

All-in-one unbeatable acceleration & PageSpeed improvement: caching, image/CSS/JS optimization...

WooCommerce icon

WooCommerce

4.5 · 7M+ installs

Everything you need to launch an online store in days and keep it growing for years. From your…