Sale!
WooCommerce Variation Swatches and Photos

EffectIO WooCommerce Variation Swatches and Photos

Original price was: $99.00.Current price is: $12.99. / year

Drop-in compatible replacement & Licensed Product

WooCommerce Variation Swatches and Photos is an easy to use plugin, allowing you to show color and image swatches instead of dropdowns for variable products Version: 3.1.7 WooCommerce Swatches and Photos allows you to configure colors and photos for shoppers on your site to use when picking variations.

Released on: 2025-06-25

Single License

Club Membership

17,99 / Month Membership

NEW Activate all licensed items with the free Dashboard

EffectIO Dashboard

Discover when we give away free Plugins

Find out when we give items for Free


Hey! 🎉 Monthly emails, tops. Snag exclusive plugins/themes for $0. They go quick, but you might just get a freebie! 😉

30 Days Money Back Guarantee

Guaranteed pre-activated plugins. Most items work immediately after installation. Open a support ticket to obtain the license keys for the ones that ask for activation.

Free support to install and setup on your site.

WooCommerce Variation Swatches and Photos is a simple way to work with the plugin that enables you to display color and image samples rather than dropdowns for variable items.

Utilizing color as well as image samples offers a much better method to show the available colors of a product, available styles, available sizes, or basically anything else that you can display using an image or color.

Consumers value seeing graphic representations of item characteristics when using your shop, and it can help make things feel refined and clean. Additionally, the admin interface allows you to determine colours and images at attribute level, or product level.

WooCommerce Variation Swatches and Photos is the solution if you are seeking to edge out the competitors through sharpening different goods available in your store.

#section_1702269806 {
padding-top: 30px;
padding-bottom: 30px;
}

WooCommerce Variation Swatches and Photos Features

#col-1252167777 > .col-inner {
padding: 30px 0px 0px 0px;
}

The admin interface lets you define colours and images at attribute level, or product level. When editing an existing term, you can also eliminate or modify the swatch details.

This plugin is configured for global product attributes, like adding an image to a Product Category. You can use swatches on each variation you have set up.

Generate or choose an item feature set to begin configuring swatches. When making a new term for this attribute, you can select a color swatch or image.

You also have the choice to create color and image swatches on a per-product basis, override the global configuration, or select them for product-specific characteristics.

#section_167662059 {
padding-top: 30px;
padding-bottom: 30px;
background-color: rgb(122, 104, 140);
}

How to Set Up Colors and Photos for Global Attributes

  1. The first step is to go to Products > Attributes.
  2. Secondly, you generate a new attribute. You can also skip this step if you already have on built.
  3. Thirdly, you choose the gear icon on the right next to the attribute. When you float above this icon, you’ll see “Configure terms”.
  4. Then, you Add New Color (or the name that your attribute has).
  5. After than, you select either “Color” or “Image” in the swatch type dropdown.
  6. In the end, you select “Add New Color”.

#row-1556713123 > .col > .col-inner {
padding: 30px 0px 0px 0px;
}

#section_1824138610 {
padding-top: 30px;
padding-bottom: 30px;
}

Version

3.2.3
Release Date

7/6/2016

4 reviews for EffectIO WooCommerce Variation Swatches and Photos 3.1.12

  1. edendvatri321 –

    Best product, just buy it!!

  2. martindumas8 –

    Perfect!! Thank you very much!

  3. tarikakgul97 –

    This plugin is easy for use and allows to show color and image swatches also provide a great way to display the available colors, styles,s izes of a product!!

  4. petersendiana90 –

    I’m using this plugin for variable products, it shows me available colors of a product, available styles etc.

Add a review

WooCommerce Swatches and Photos allows you to configure colors and photos for shoppers on your site to use when picking variations.

2025.06.20 — version 3.1.12
  • Update - WP and WC compatibility tags.
  • Update - Build scripts update.
2025.01.26 — version 3.1.11
  • Update - WP and WC compatibility tags.
2024.04.05 — version 3.1.10
  • Update: WC and WP compatibility tags and updates.
  • Update: PHP 8.3 compatibility.
2024.02.03 — version 3.1.9
  • Update: WC and WP compatibility tags and updates.
  • Update: PHP 8.3 compatibility.
2023.04.28 — version 3.1.8
  • Update: Add aria roles and labels to the swatches to provide help for assistive technologies.
  • Update: CSS updates to modernize the UI a bit.
  • Update: Update wc_core_dropdown_variation_attribute_options to match latest wc_dropdown_variation_attribute_options function.
  • Update: Double check that the swatch options exist before attempting to render them. Fixes issues with some themes that do not properly load the swatch options.
  • Update: PHP 8.2+ compatibility.
  • Update: WC and WP compatibility.
2023.03.01 — version 3.1.7
  • Update: Add aria roles and labels to the swatches to provide help for assistive technologies.
  • Update: WC and WP compatibility.
  • Update: PHP 8 compatibility.
  • Update: HPOS compatibility.
2022.04.07 — version 3.1.6
  • Update: Allow swatches to render during an AJAX call if so configured.
  • Update: WC and WP compatibility tags
2021.11.30 — version 3.1.5
  • Update: Make configuration object properties public.
  • Update: Fix the plugin link.
2021.07.27 — version 3.1.4
2021.02.12 — version 3.1.3
2020.08.18 — version 3.1.2
2020.05.06 — version 3.1.1
2020.04.08 — version 3.1.0
  • New: Added in several actions inside of the rendering of the swatches to allow better control of wrapper classes and other customizations.
  • Update: Fix issue with incorrect formatting of the product data tab item.
2019.05.07 — version 3.0.12
  • Update: Resolve warning in loading custom image sizes.
  • Update: Fix compatibility warnings with WooCommerce 3.6
  • Update: Make sure up to date .pot file is included in distribution.
2019.01.02 — version 3.0.11
  • Update: Do not overwrite default attribute selectors when in the admin, causes problems with adding variable items to manual orders.
  • Update: Set default swatch configuration if none found for an attribute.
  • Update: Allow sizes to be set on Taxonomy Images an Colors
  • Update: Fix size lookup to include built in WP Sizes.
2018.10.23 — version 3.0.10
  • Update: Added woocommerce_swatches_picker_default_label filter so users can add a default label.
  • Update: Tested to WC 3.5.0
2018.08.22 — version 3.0.9
2018.06.01 — version 3.0.8
  • Fix: Compatibility for WC 3.4.1
2018.02.13 — version 3.0.7
  • Fix: Fix a JS error when swatches are loaded via AJAX on initial load.
  • Update: Hide select2 inputs inside of swatch-controls.
2018.01.09 — version 3.0.6
  • Update: Additional tweak for the check variations trigger to allow users to select an in stock item properly the first time.
  • Update: Correct handling of out of stock items that are selected as defaults.
3.3.0
2017.11.28 — version 3.0.5
  • Update: Plugin Header Updates
  • Update: Tested to WC 3.2.5
  • Update: Check for valid attachment image before attempting to load. Fixes a warning in very rare situations.
  • New: Added term description to the WC_Swatch_Term for customizers to use.
  • Update: Trigger check variations so out of stock items which are the defaults are deselected properly.
2017.08.18 — version 3.0.4
  • Fix: Fix compatibility issue in AJAX handler where variation_id was being referenced incorrectly.
2017.04.05 — version 3.0.3
  • Fix: Fix fatal error when loading swatches via AJAX.
2017.03.07 — version 3.0.2
  • Update: Render image alt text for image swatches.
2017.02.06 — version 3.0.1
  • Fix: Rebind variation forms when part of a composite product and a new composite option is shown.
2016.12.25 — version 3.0.0
  • Update: WC 2.7 Ready
2017.01.10 — version 2.1.11
  • Update: Compatibility with WC 2.6.7 and greater for default attribute selections.
2016.12.09 — version 2.1.10
  • Update: Adds small amount of padding around radio inputs.
  • Update: Tested to WP 4.7
2016.11.02 — version 2.1.9
  • Update: Better Compatibility with WooCommerce Composite Products. Fixes an issue where a composite product with multiple options would not allow you to select a swatch after you had selected a product from the composite dropdown.
2016.10.12 — version 2.1.8
  • Fix: Fix issue where the Crop setting on the Swatches Image Size would always be selected regardless of what the user actually configured.
  • Fix: Fix issue where swatch configuration would be lost if the product attribute slug was changed.
2016.10.05 — version 2.1.7
  • Update: Use the WooCommerce Placeholder image from core using filters rather than hardcoded.
2016.10.04 — version 2.1.6
  • Update: Correctly hide labels when clicking the clear / reset button.
  • Update: Correctly show label below swatches rather than to the right when the Below option is selected.
2016.08.04 — version 2.1.5
  • Update: Added "Label Below" option.
2016.04.14 — version 2.1.4
  • Fix: Compatibility with WooCommerce Quick View.
2016.02.17 — version 2.1.3
  • Update: wc_core_dropdown_variation_attribute_options to match latest wc_dropdown_variation_attribute_options function.
  • Update: Render label for default variation selections.
2016.02.15 — version 2.1.2
  • Update: Use inline display:none to hide the default select when swatches or radios are being used.
2016.02.09 — version 2.1.1
  • Update: Generate .pot file.
  • Update: Load text domain from 'wc_swatches_and_photos', WP_LANG_DIR . '/woocommerce/wc_swatches_and_photos-' . $locale . '.mo'
  • Note, Put your custom plugin translations in your WordPress language directory, located at: WP_LANG_DIR . '/woocommerce/wc_swatches_and_photos-' . $locale . '.mo'
2016.01.19 — version 2.1.0
  • Fix: Adds labels back in.
  • Update: Adds Radio Buttons as an option when choosing a swatch type.
  • Update: Handle AJAX loading of the variations form. Loads product variations via an AJAX call to prevent huge amounts of data being rendered on data attributes for the form tag. Improves the core user experience by enabling and disabling options in default select boxes. WooCommerce core does not do this when it's using AJAX for processing. Uses optimized functions for fast retrieval of variation data. Reverts changes made in 2.0.3 to completely disable AJAX processing.
  • Update: Use newer style media library for managing image swatches.
  • Update: Admin UI tweak to correctly show and live update the attribute color or image label.
2016.01.14 — version 2.0.3
  • Fix: Disable AJAX variation processing when swatches are being used on a product.
2016.01.14 — version 2.0.2
  • Fix: Fixes issue caused by undefined index on variable products created when the extension was not active.
2016.01.04 — version 2.0.1
2016.01.04 — version 2.0.0
  • Change: Vastly simplify how the script processes available variations and controls the swatches which are available. This rewrite no longer overrides the variable.php file and therefore no longer needs to have template files. The same filters which were present in 1.7.1 are available for control of the plugin output. The main difference is that we link the variation selections to the normal WooCommerce attribute selection drop downs. By linking them in this way, all inventory controls will use the same behavior as if swatches were not enabled. This also uses all core WooCommerce functions to reset the product image and variation selections. This will provide better compatibility with 3rd party plugins which modify how images are displayed.
2015.10.15 — version 1.7.1
  • Fix: Remove action element from variable form to prevent issues with caching on WP Engine servers.
  • Fix: Correctly render the swatch thumbnmail when adding new product attributes to a product attribute taxonomy.
2015.09.21 — version 1.7.0
  • Fix: Fixes issues when upgrading to WC 2.4x and having default variation attributes selected.
2015.08.25 — version 1.6.9
  • Fix: Fixes compatibility issue with WC 2.4x and default variation selections.
2015.07.24 — version 1.6.8
2015.07.16 — version 1.6.7
  • WooCommerce 2.4.x compatibility.
2015.03.27 — version 1.6.6
  • Fix: Correct handling of variations which are out of stock.
  • Fix: Undefined variable warning.
2015.02.12 — version 1.6.5
  • Fix: When using a variation with specific variations and an any variation configuration, update behavior to follow WooCommerce. The Any variation configuration should be the last item in the list rather than the first.

Testimonials

Benny O'Brien@benny_obie

The quick response from a friendly team member at @effectioshop honestly caught me off guard.
Nice work!


12See Benny O'Brien's other Tweets

Stuart Boyle@stuart_boyle

@effectioshop As an eCommerce developer, effectio.org has enabled me to reach higher expectations and my clients are very happy.


8See Stuart Boyle's other Tweets

22,000+ Users · 180 Countries
Trusted by freelancers, agencies & store owners worldwide

How It Works

Install the free EffectIO Dashboard plugin on your WordPress site. It connects to the EffectIO catalog, detects every premium plugin and theme you own, and gives you a single hub to manage licenses, run updates, and keep your admin panel clean — all from one screen.

⚡

One-Click Updates
Update any premium plugin or theme instantly. No manual downloads, no FTP — just click "Update Now."

🔑

License Manager
View, activate, and manage all your license keys in one place. No hunting through emails or vendor dashboards.

🔇

Notification Blocker
Blocks intrusive admin nag screens, upsell banners, and ads that clutter your dashboard. Re-enable anytime.

🛡️

Vendor Request Control
Prevents redundant license-check pings to third-party servers for items you already manage through EffectIO.

📦

Bulk Activation
Club members can activate all eligible plugins and themes at once — one button, zero hassle.

🆓

100% Free
The Dashboard itself costs nothing. Install it and it auto-activates on your domain — no key required.

Get Started in 3 Steps

1

Download & Install

Download the EffectIO Dashboard zip and install it via Plugins → Add New → Upload.

2

Browse & Activate

Open EffectIO → Catalog in your admin panel. The dashboard auto-detects your installed items and matches them to your licenses.

3

Update & Manage

Keep everything current with one-click updates. Manage licenses, block nag notices, and enjoy a cleaner WordPress experience.

Licenses

All WordPress derivative work is GPL-licensed. Most items are pre-activated and ready to use. Some require an activation key — we provide it with your purchase, and the Dashboard lets you apply it in seconds.

Club members enjoy bulk activation: activate every eligible item at once with a single click. No more entering keys one by one.

✅ Money-Back Guarantee

Every item is tested and ships with full features. If something doesn't work and we can't fix it, you get a full refund. We believe premium tools should be accessible — that's why we offer a low-cost subscription so freelancers, small businesses, and agencies can grow without a large upfront investment.

Manage and Update all your sites

17.99 $ / Month Membership

2900 Plugins and Themes. Install, Update, Activate and Delete any plugin. Unlimited Sites. Best WP Agency Deal.

Clean Items

ngo free software

NGO Mission

Always Updated

SSL Connection