Title: GS Variation Swatches for WooCommerce
Author: GS Plugins
Published: <strong>10 February 2018</strong>
Last modified: 25 August 2026

---

Search plugins

![](https://ps.w.org/gs-woo-variation-swatches/assets/banner-772x250.png?rev=3652356)

![](https://ps.w.org/gs-woo-variation-swatches/assets/icon-128x128.png?rev=3644984)

# GS Variation Swatches for WooCommerce

 By [GS Plugins](https://profiles.wordpress.org/samdani/)

[Download](https://downloads.wordpress.org/plugin/gs-woo-variation-swatches.3.0.5.zip)

 * [Details](https://en-gb.wordpress.org/plugins/gs-woo-variation-swatches/#description)
 * [Reviews](https://en-gb.wordpress.org/plugins/gs-woo-variation-swatches/#reviews)
 *  [Installation](https://en-gb.wordpress.org/plugins/gs-woo-variation-swatches/#installation)
 * [Development](https://en-gb.wordpress.org/plugins/gs-woo-variation-swatches/#developers)

 [Support](https://wordpress.org/support/plugin/gs-woo-variation-swatches/)

## Description

GS WooCommerce Variation Swatches is 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
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 labels. So, you can say goodbye to dropdown product attribute fields.

WooCommerce Variation Swatches not only offers the color, image and label attributes
in the single WooCommerce product. It also enables them in products quick view. 
If you’re using WooCommerce themes like Flatsome that comes with default Quick View
option, you don’t need to hassle to load color and image swatches for variable product
attributes in quick view separately.

WooCommerce attribute variation plugin allows you beautiful tooltips on variation
swatch hover. Based on your requirement you enable and disable hover from the settings.

### GS WooCommerce Variation Swatches by 󠀁[GS Plugins](https://www.gsplugins.com)󠁿

🎬 [ Live Demo](https://woovariation.gsplugins.com/) ⬆️ [Upgrade to PRO](https://www.gsplugins.com/product/woocommerce-variation-swatches/)
📚 [Documentation](https://docs.gsplugins.com/gs-woocommerce-variation-swatches/)
🙋‍♂️ [Support](https://www.gsplugins.com/contact/)

### Plugin Features

 * Completely integrate with WooCommerce plugin
 * Work on variable product only
 * Work on variable product quick view
 * Enable attributes into images swatches
 * Enable attributes into color swatches
 * Enable attributes into label/text/button swatches
 * Control attribute setting globally.
 * Create new attribute swatch in product editing page.
 * Compatible with popular themes and plugins.
 * Flexible tooltip insert and display settings
 * Settings panel available to control options.
 * Free updates for one year.
 * Auto update notification.
 * Auto update from dashboard.

### Documentation

If you have any questions regarding the **WooCommerce Variation Swatches** plugin
and how to work with it, We recommend referring to our comprehensive online documentation.
It provides detailed information and instructions to assist you in navigating and
utilizing the plugin effectively. You can find the [Documentation](https://docs.gsplugins.com/gs-woocommerce-variation-swatches/)
here.

### Quick Support & Bug Reporting

If you encounter any problems or discover bugs, please post them in our [Support](https://www.gsplugins.com/contact/)
channel. We aim to respond as soon as possible (excluding holidays).

**_Pro users are requested to contact our support channel for dedicated assistance._**

🙋‍♂️ Alternatively, you can reach out to us through our [Support](https://www.gsplugins.com/contact/)
or [WordPress.org](https://wordpress.org/support/plugin/gs-woo-variation-swatches/)
support forum.

### Development Team

Crafted and Developed with Passion by [GS Plugins](https://www.gsplugins.com/)

### Confused?

🎬 [View live Demos »](https://woovariation.gsplugins.com/)
 📚 [Documentation »](https://docs.gsplugins.com/gs-woocommerce-variation-swatches/)

### 🔥 More Essential Plugins You Want To Get From 󠀁[GS Plugins](https://www.gsplugins.com/)󠁿

**⭐ [Solid Testimonials](https://wordpress.org/plugins/gs-testimonial/)** – Showcase
client reviews, recommendations, and quotes creatively across pages and widgets 
for maximum impact.

**️ [Logo Slider](https://wordpress.org/plugins/gs-logo-slider/)** – Quick & easily
manageable logo slideshow plugin to display partner, client, brand & sponsor’s Logos
in appealing views.

**💼 [Filterable Portfolio](https://wordpress.org/plugins/gs-portfolio/)** – Showcase
your work with clean, responsive layouts, including Grid, Slider, Filter, Masonry,
and Popup.

**👥 [Team Members](https://wordpress.org/plugins/gs-team-members/)** – Create attractive
team sections highlighting members, roles, expertise, and professional strengths.

**🎁 [Project Showcase](https://wordpress.org/plugins/gs-projects/)** – Display 
projects as a portfolio with complete details, including URL, client reviews & ratings,
gallery & videos.

**📚 [Books Showcase](https://wordpress.org/plugins/gs-books-showcase/)** – Display
books with authors, dates, reviews, ratings, galleries, and helpful details with
35+ designs.

**👨‍🏫 [Coaches](https://wordpress.org/plugins/gs-coach/)** – Showcase coaches’
skills, experience, certifications, reviews, ratings, and professional expertise
clearly.

**⊞ [Posts Grid](https://wordpress.org/plugins/posts-grid/)** – Display recent WordPress
posts in elegant 50+ styles for faster browsing and seamless navigation.

### 🎯 WooCommerce Plugins

**🛒 [WooCommerce Products Slider](https://wordpress.org/plugins/gs-woocommerce-products-slider/)**–
Display WooCommerce products in smooth sliders, helping shoppers browse items more
easily.

**💎 [WooCommerce Brands](https://wordpress.org/plugins/gs-woo-brands/)** – Add 
brand taxonomy for organizing, displaying, and filtering WooCommerce products efficiently.

### 📣 Social Plugins

**📌 [Pinterest Portfolio](https://wordpress.org/plugins/gs-pinterest-portfolio/)**–
Showcase Pinterest pins on WordPress, increasing engagement, visibility, and profile
traffic.

**▶️ [YouTube Gallery](https://wordpress.org/plugins/gs-youtube-gallery/)** – Feature
YouTube channel or playlist videos in attractive galleries for easier visitor viewing.

### 🏆 Branding Plugin

**⚡ [PowerUp](https://wordpress.org/plugins/powerup/)** – Improve WordPress security
and convenience with redirects, restrictions, admin controls and many more.

## Screenshots

[⌊Single Product Variation⌉⌊Single Product Variation⌉[

Single Product Variation

[⌊Product QuickView⌉⌊Product QuickView⌉[

Product QuickView

[⌊Available Attribute Options⌉⌊Available Attribute Options⌉[

Available Attribute Options

[⌊Variation Product Edit view⌉⌊Variation Product Edit view⌉[

Variation Product Edit view

[⌊Attribute Color Type Frontend Preview⌉⌊Attribute Color Type Frontend Preview⌉[

Attribute Color Type Frontend Preview

[⌊Attribute Label Type Frontend Preview⌉⌊Attribute Label Type Frontend Preview⌉[

Attribute Label Type Frontend Preview

[⌊Attribute Image Type Frontend Preview⌉⌊Attribute Image Type Frontend Preview⌉[

Attribute Image Type Frontend Preview

[⌊Settings Panel⌉⌊Settings Panel⌉[

Settings Panel

## Installation

Install GS WooCommerce Variation Swatches plugin as a regular WordPress plugin. 
Here is different ways to install GS WooCommerce Variation Swatches plugin :

 * Before installing GS WooCommerce Variation Swatches make sure you’ve already 
   installed WooCommerce plugin.
 * [Visual Installation & Usage Guide »](https://docs.gsplugins.com/gs-woocommerce-variation-swatches)

#### Install by Search Plugin

 * In your Admin, go to menu Plugins > Add New
 * Search GS WooCommerce Variation Swatches
 * Click to install
 * Activate the plugin
 * WooCommerce Variation Swatches settings panel will show under Settings menu.

#### Install by Upload Plugin

 * Download the latest version of GS WooCommerce Variation Swatches (.zip file)
 * In your Admin, go to menu Plugins > Add New
 * Select **Upload Plugin**
 * Click on **Choose File**
 * Select downloaded **_gs-woocommerce-variation.zip_** & click on **Install Now**
   button
 * Activate the plugin
 * WooCommerce Variation Swatches settings panel will show under Settings menu.

#### Install Plugin using FTP

 * Upload gs-woocommerce-variation folder inside the /wp-content/plugins/ directory
 * Go to WordPress dashboard > Plugins & Activate the GS WooCommerce Variation plugin
 * WooCommerce Variation Swatches settings panel will show under **Settings** menu.

## FAQ

### How can I configure attributes?

Even if this plugin has been installed and activated on your site, variable products
will still show dropdowns if you’ve not configured product attributes.

 1. Log in to your WordPress dashboard, navigate to the Products menu and click Attributes.
 2. Click the attribute name to edit an exists attribute or in the Add New Attribute
    form you will see the default Type selector.
 3. Click to that Type selector to change the attribute’s type. Besides default options
    Select and Text, there are more 3 options Color, Image, Label to choose.
 4. Select the suitable type for your attribute and click Save Change/Add attribute
 5. Go back to the manage attributes screen. Click the cog icon on the right side of
    the attribute to start editing terms.
 6. Start adding new terms or editing existing terms. There will be a new option at
    the end of the form that lets you choose the color, upload image or choose as a
    button for those terms.

### Is it compatible with any kinds of WooCommerce Theme?

Yes, it’s compatible with woocommerce themes including Flatsome / X-Theme / Avada/
Uncode / Storefront / Labomba. But sometimes it may require a small css tweak.

### Does it show in the product QuickView?

Yes, it supports any kind of product quick view (pro).

## Reviews

![](https://secure.gravatar.com/avatar/f504872a6239a8d745e3faa1444b847636429b5567c6f57dd18fa1889a8442e0?
s=60&d=retro&r=g)

### 󠀁[awsome](https://wordpress.org/support/topic/awsome-297/)󠁿

 [jothammagdy](https://profiles.wordpress.org/jothammagdy/) 30 April 2021

Great Plugin affords what you need easily

![](https://secure.gravatar.com/avatar/0e02f5786fa7804002ac0aa4c189c8dc58303251fdeefd600c63ceca3d8ecf18?
s=60&d=retro&r=g)

### 󠀁[Plugin Support](https://wordpress.org/support/topic/plugin-support-58/)󠁿

 [bernibernal](https://profiles.wordpress.org/bernibernal/) 15 June 2020 1 reply

Great Plugin and support!

![](https://secure.gravatar.com/avatar/ed882aff25a7e1b803f81d979bbaaff956e6bc1d6c99c7533c02588122a46ef5?
s=60&d=retro&r=g)

### 󠀁[Excellent plugin / Exceptional support!](https://wordpress.org/support/topic/excellent-plugin-exceptional-support-3/)󠁿

 [JapeNZ](https://profiles.wordpress.org/japenz/) 21 April 2020

I've been using this plugin for a really long time without any problems at all. 
Recently I decided to do an overhaul of my site, and one of the plugins I added 
caused a conflict with 'GS Variation Swatches for WooCommerce' (See 'Possible plugin
conflict with Smush – Compress, Optimize and Lazy Load Images' in support area).
The support I received was amazing, and everything was humming along nicely in no
time at all. Highly recommend the plugin for the added functionality to provides,
and if you have any trouble at all the support is fantastic!

![](https://secure.gravatar.com/avatar/d29b082873ad3a81e5ed4b95aa9c83a84f873a7f6fbd99487c772922a6354240?
s=60&d=retro&r=g)

### 󠀁[No lables](https://wordpress.org/support/topic/no-lables/)󠁿

 [countless](https://profiles.wordpress.org/countless/) 14 September 2019

It does not work. No labels for product variations, only empty boxes.

![](https://secure.gravatar.com/avatar/5b166f761ede376dacf00e0986fef6c0418f423410145130abbd94ecab3398a9?
s=60&d=retro&r=g)

### 󠀁[Great plugin!](https://wordpress.org/support/topic/great-plugin-22103/)󠁿

 [steffi501](https://profiles.wordpress.org/steffi501/) 13 June 2019 1 reply

We're already using the plugin since our website relaunch last years and it works
great. Great support!

![](https://secure.gravatar.com/avatar/a2fb696b55c51c24c45a716d51edb4b56519df8a7586c08125b9c797455606b2?
s=60&d=retro&r=g)

### 󠀁[Plugin don’t work](https://wordpress.org/support/topic/plugin-dont-work-36/)󠁿

 [semagoff](https://profiles.wordpress.org/semagoff/) 11 November 2018

The free version doesn't even have a settings page.

 [ Read all 9 reviews ](https://wordpress.org/support/plugin/gs-woo-variation-swatches/reviews/)

## Contributors and Developers

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

Contributors

 *   [ GS Plugins ](https://profiles.wordpress.org/samdani/)
 *   [ GS Plugins ](https://profiles.wordpress.org/gsplugins/)
 *   [ Md. Sarwar Zaman ](https://profiles.wordpress.org/itszaman/)

[Translate “GS Variation Swatches for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/gs-woo-variation-swatches)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/gs-woo-variation-swatches/),
check out the [SVN repository](https://plugins.svn.wordpress.org/gs-woo-variation-swatches/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/gs-woo-variation-swatches/)
by [RSS](https://plugins.trac.wordpress.org/log/gs-woo-variation-swatches/?limit=100&mode=stop_on_copy&format=rss).

## Change Log

#### Version 3.0.5 [22nd Apr 2025]

 * [Fixed]: Security Issue Capability Check.

#### Version 3.0.4 [1st Oct 2024]

 * [Added]: Thumbnail Preview on Hover. (Pro)
 * [Updated]: Woo Variation POT.

#### Version 3.0.3 [3rd Aug 2024]

 * [Added]: Woo & Pro Compatibility Notice.
 * [Fixed]: Condition.
 * [Updated]: Restricted Pro Styles.

#### Version 3.0.2 [29th July 2024]

 * [Fixed]: Attributes Not Displaying Issue.

#### Version 3.0.1 [18th May 2024]

 * [Updated]: POT files.

#### Version 3.0.0 [16th May 2024]

 * [Updated]: Rewritten the plugin.

#### version 1.6.1 [3rd Aug 2022]

 * [Added]: Support for the WooCommerce Subscriptions plugin.

#### version 1.6.0 [12th Mar 2021]

 * [Fixed]: Security Issues.

#### version 1.5.0 [24th May 2021]

 * [Fixed]: PHP 7.3 Compatibility.
 * [Fixed]: Deprecated Function Warning.

#### version 1.4.9 [20th Dec 2020]

 * [Updated]: AppSero Client.
 * [Updated]: With WordPress version 5.6

#### Version 1.4.8 [15th Aug 20]

 * [Updated]: For WordPress 5.5

#### Version 1.4.7 [26th Jul 20]

 * [Fixed]: Review style CSS.

#### Version 1.4.6 [23rd Jul 20]

 * [Fixed]: Woocommerce install notice.

#### Version 1.4.5 [11th Jul 20]

 * [Added]: Appsero client.
 * [Added]: Review system.

#### Version 1.4.4 [18th Jun 20]

 * [Fixed]: Woocommerce Image issue.

#### Version 1.4.3 [17th Jun 20]

 * [Fixed]: Image size issue.

#### Version 1.4.2 [15th Jun 20]

 * [Fixed]: Attribute Description field. Now Attribute Description showing on Single
   product template.

#### Version 1.4.1 [22nd Oct 19]

 * [Fixed]: Domain name changed & fixed all urls.
 * [Fixed]: Admin CSS.
 * [Added]: New Contributors.
 * [Fixed]: Attribute behaviour
 * [Added]: Attribute Style
 * [Fixed]: Attribute behaviour and attribute style

#### version 1.3

 * Fixed – Attribute save function

#### version 1.2

 * Added – Help & Documentation Info
 * Fixed – Menu Position conflict with Product Slider

#### version 1.0

 * Initial release

## Meta

 *  Version **3.0.5**
 *  Last updated **2 months ago**
 *  Active installations **10+**
 *  WordPress version ** 5.9 or higher **
 *  Tested up to **7.1.3**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/gs-woo-variation-swatches/)
 * Tags
 * [variation swatches](https://en-gb.wordpress.org/plugins/tags/variation-swatches/)
   [woocommerce](https://en-gb.wordpress.org/plugins/tags/woocommerce/)[woocommerce attributes](https://en-gb.wordpress.org/plugins/tags/woocommerce-attributes/)
   [woocommerce variation](https://en-gb.wordpress.org/plugins/tags/woocommerce-variation/)
   [woocommerce variation swatches](https://en-gb.wordpress.org/plugins/tags/woocommerce-variation-swatches/)
 *  [Advanced View](https://en-gb.wordpress.org/plugins/gs-woo-variation-swatches/advanced/)

## Ratings

 3.7 out of 5 stars.

 *  [  6 5-star reviews     ](https://wordpress.org/support/plugin/gs-woo-variation-swatches/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/gs-woo-variation-swatches/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/gs-woo-variation-swatches/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/gs-woo-variation-swatches/reviews/?filter=2)
 *  [  3 1-star reviews     ](https://wordpress.org/support/plugin/gs-woo-variation-swatches/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/gs-woo-variation-swatches/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/gs-woo-variation-swatches/reviews/)

## Contributors

 *   [ GS Plugins ](https://profiles.wordpress.org/samdani/)
 *   [ GS Plugins ](https://profiles.wordpress.org/gsplugins/)
 *   [ Md. Sarwar Zaman ](https://profiles.wordpress.org/itszaman/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/gs-woo-variation-swatches/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.paypal.com/donate/?hosted_button_id=K7K8YF4U3SCNQ)