Title: SparkSwipe Variation Swatches for WooCommerce Author: Hassen Dhaouadi Published: September 18, 2026 Last modified: September 18, 2026 --- Search plugins ![](https://ps.w.org/sparkswipe-variation-swatches/assets/banner-772x250.png?rev =3702778) ![](https://ps.w.org/sparkswipe-variation-swatches/assets/icon-256x256.gif?rev=3702778) # SparkSwipe Variation Swatches for WooCommerce By [Hassen Dhaouadi](https://profiles.wordpress.org/hassendhaouadi/) [Download](https://downloads.wordpress.org/plugin/sparkswipe-variation-swatches.1.1.4.zip) * [Details](https://wordpress.org/plugins/sparkswipe-variation-swatches/#description) * [Reviews](https://wordpress.org/plugins/sparkswipe-variation-swatches/#reviews) * [Installation](https://wordpress.org/plugins/sparkswipe-variation-swatches/#installation) * [Development](https://wordpress.org/plugins/sparkswipe-variation-swatches/#developers) [Support](https://wordpress.org/support/plugin/sparkswipe-variation-swatches/) ## Description SparkSwipe Variation Swatches replaces WooCommerce variation dropdowns with color, label, and button swatches on variable products. It uses WooCommerce’s native product attributes and variations as the source of truth — it does not duplicate products, stock, or prices. #### Why merchants like it * Easy — a setup wizard configures attributes in a couple of minutes * Beautiful — three style presets (Minimal, Classic, Modern) with shape, size, and gap controls * Fast — frontend CSS and JS load only on product pages * Compatible — works with WooCommerce’s variation form, prices, images, and add to cart #### Free features * Color, label, button, and dropdown swatches * Circle, square, and rounded shapes * Size, spacing, borders, and selected states * Basic term-name tooltips * Global attribute configuration * Product-level overrides (display + shape) * Disable or cross unavailable variations * Reset variations * Setup wizard / tutorial and live preview * System status report * Translation-ready and RTL-friendly #### Pro (separate plugin) Additional features are available in a separate Pro plugin (not included here): * Image swatches and image + text * Radio, dual color, and gradient types * Term images and secondary colors * Per-product swatch image overrides * Shop, category, and search swatches * Blur / hide unavailable options * Custom CSS This free plugin is fully functional on its own. ## Screenshots [⌊Color swatches on a product page⌉⌊Color swatches on a product page⌉[ Color swatches on a product page [⌊Button / label size swatches⌉⌊Button / label size swatches⌉[ Button / label size swatches [⌊Color and size swatches on the same product⌉⌊Color and size swatches on the same product⌉[ Color and size swatches on the same product [⌊Out-of-stock variations crossed out⌉⌊Out-of-stock variations crossed out⌉[ Out-of-stock variations crossed out [⌊Term-name tooltip on hover⌉⌊Term-name tooltip on hover⌉[ Term-name tooltip on hover ## Installation 1. Install and activate WooCommerce. 2. Upload this plugin or install it from Plugins Add New. 3. Activate SparkSwipe Variation Swatches. 4. Complete the tutorial (or skip it and open SparkSwipe Swatches in the admin menu). 5. Assign colors to attribute terms under SparkSwipe Swatches Attributes. ## FAQ ### Does this replace WooCommerce variations? No. The original variation selects stay in the form (visually hidden). Swatches update those selects so price, stock, images, and add to cart keep working. ### Will I lose settings if I deactivate the plugin? No. Settings are kept by default. You can choose “Delete all plugin data” under Settings Uninstall before removing the plugin. ### Can I style one product differently? Yes. Edit a variable product and open the SparkSwipe Swatches tab. Turn on Override global styles to change display and shape per attribute. ### Are image swatches included in Free? Image swatches (and term images) are part of the separate Pro plugin. Free includes color, label, button, and dropdown. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “SparkSwipe Variation Swatches for WooCommerce” is open source software. The following people have contributed to this plugin. Contributors * [ Hassen Dhaouadi ](https://profiles.wordpress.org/hassendhaouadi/) [Translate “SparkSwipe Variation Swatches for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/sparkswipe-variation-swatches) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/sparkswipe-variation-swatches/), check out the [SVN repository](https://plugins.svn.wordpress.org/sparkswipe-variation-swatches/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/sparkswipe-variation-swatches/) by [RSS](https://plugins.trac.wordpress.org/log/sparkswipe-variation-swatches/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.1.4 * Refresh WordPress.org banners, animated icon, and catalog-style screenshots #### 1.1.3 * Use one distinctive sparvasw prefix for PHP names, options, REST, and meta writes #### 1.1.2 * Finish the SparkSwipe rename in remaining admin, tutorial, and license strings #### 1.1.1 * Keep in-stock swatches clickable on first paint — they no longer grey out before WooCommerce finishes checking combinations * Select numeric attribute values (7, 10, 00) reliably instead of treating them as numbers * Do not prefix custom product attributes with pa_ when that taxonomy does not exist * Re-bind swatches when a variation form is loaded over AJAX or after a fragment refresh * Clicking the selected swatch clears it, matching WooCommerce’s reset behaviour * Declare compatibility with WooCommerce 11.1 and keep swatch boxes sized correctly in Safari * Restore the first-run tutorial redirect after activation #### 1.1.0 * Rename to SparkSwipe Variation Swatches for WooCommerce (distinctive slug) * Remove locked Pro feature code from the free plugin (Guideline 5) * Replace the Pro feature list with swatch previews, per-style preview dialogs, and a Free/Pro comparison table; drop all leftover “locked” styles and scripts * Harden REST term permissions for WooCommerce attribute taxonomies only * Prefix options, meta, REST, and handles with sparvasw_ * Show a skeleton placeholder while the Attributes and System Status panels load, instead of a blank screen * Show a retry prompt when a panel fails to load, instead of leaving the screen empty * Align the dashboard stat values and card buttons, and restore the marker on the Pro feature list * Group short settings fields into rows, style the section headings consistently, and match checkboxes and radios to the plugin palette * Give the border colour pickers visible labels * Use Aptos / Segoe UI / Tahoma for titles and all admin and swatch text #### 1.0.23 * Product Smart Swatches tab: shorter copy, clearer override switch contrast * Product Image display: per-term swatch image overrides with live preview (Pro) * Admin URL slug fixes for the dashboard and tutorial links #### 1.0.0 * Initial release. ## Meta * Version **1.1.4** * Last updated **2 days ago** * Active installations **Fewer than 10** * WordPress version ** 6.2 or higher ** * Tested up to **7.1.1** * PHP version ** 7.4 or higher ** * Tags * [variation swatches](https://wordpress.org/plugins/tags/variation-swatches/)[variation swatches for woocommerce](https://wordpress.org/plugins/tags/variation-swatches-for-woocommerce/) [woocommerce attributes swatches](https://wordpress.org/plugins/tags/woocommerce-attributes-swatches/) [woocommerce color swatches](https://wordpress.org/plugins/tags/woocommerce-color-swatches/) [woocommerce variation swatches](https://wordpress.org/plugins/tags/woocommerce-variation-swatches/) * [Advanced View](https://wordpress.org/plugins/sparkswipe-variation-swatches/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/sparkswipe-variation-swatches/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/sparkswipe-variation-swatches/reviews/) ## Contributors * [ Hassen Dhaouadi ](https://profiles.wordpress.org/hassendhaouadi/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/sparkswipe-variation-swatches/)