out of stock crossed swatches on a category page

Skip to the beginning of the images gallery

User Guide

CE 1.4.x - 1.9.x, EE 1.8.x - 1.14.x

Color Swatches Pro for Magento 1

see M2 version

4.9

98%

69 reviews

Color Swatches Pro is a Magento color selector module which presents configurable products on a new level by animating boring text attributes. Use advanced color swatches to be creative in your products positioning.

Use images for attributes selection
Let customers buy configurables from category pages
No need to specify price difference for associated products
Reload product images, name, and description with AJAX
View configurable swatches details with zoom and lightbox effects
Fully optimized for mobile

Pick a combo deal with 15% discount:

15%

Color Swatches Pro M1

$99

15%

Product Labels M1

$119

15%

Automatic Related Products M1

$129

$347

Save $52.05

$294.95

Learn how to improve product presentation
Use images instead of plain text
Carefully fine tune swatches display
Enable selection of configurable products on category and search results pages

Use advanced visual effects
See more tools to enhance product presentation
Learn how to configure the module with our detailed user guide;

Happy Color Swatches Pro users

See the examples of Magento 1 color switcher usage in different stores and get inspiration! Click for details:

Improve product presentation to win customers’ trust

Let your customers see the final version of the product they are buying to reduce the returns resulting from customer frustration

With this Magento configurable product image switcher customers can select image attributes as many times as they want to see different variants of the product, zoom images and eventually choose what they like.

Reload price of associated simple products automatically

By default in Magento you have to specify price difference for options of configurable products. E.g. color green +$10. No need to do this annoying thing anymore – now price of the simple products will be used automatically. So if you import a few thousand of associated products with updated prices, you will not need to spend a couple days updating price difference for configurable products.

Show prices of simple items as a swatch label

Adjust the display of simple product prices to your needs. With the extension you can show them right under size swatches as swatch labels. This handy option will make your product pages much more visually attractive and improve customer shopping experience.

Display prices of simple products in drop-downs

Now you can display prices of simple options associated with configurable products in drop-downs. It's possible to choose whether to show actual price or the price difference.

Use images instead of plan text

Apply images as options for configurable products and make your store intuitive for customers

Upload images for all attribute sets for configurable products and then use the images for selection of configurable product options.

Set product colors using Color Picker

In case you need a solid color for any product attribute you can use our Color Picker option with a color palette. Moreover, it will take you only a few seconds to set a Magento color code thanks to using CSS files.

Use images of associated products for swatches of one attribute, e.g. color

You can save some time by using resized images of associated simple products for swatches of one of the attributes, e.g. color. Also this enables you to have unique Magento 1 color swatches for each configurable product. All you need to do is select the attribute for which the feature should be activated. It can be selected individually for each product.

Images are easier to understand

In fact they are multi-language means of communication, which don't need to be translated. It will be a lot simpler and quicker for customers to select the right options.

Additional usability features

With lightbox and product zoom options you make the process of image viewing a lot more user-friendly. Alternatively you can use images together with text.

Set a default placeholder image for each attribute

Instead of color filter, with the Magento extension you can upload a dummy image that will be used if no image is set for the attribute.

Set a default placeholder image for each attribute

Instead of color filter, with the Magento extension you can upload a dummy image that will be used if no image is set for the attribute.

Cross out the swatches of out of stock products

Due to the Out of Stock Option you can indicate which products of particular color or size are out of stock. This will help customers faster make their choice as they will immediately notice which product configurations are not available at the moment.

Add captions for zoomed images

Display text labels together with zoomed product images. Customize label's display by specifying its position, background and text colors.

Enable selection of configurable products on category and search results pages to get more sales

Display attribute icons on category pages.
Let your customers select options and add configurable products to cart right from the category page.
You can show icons for all attributes of configurable products, so customers will be able to select all product options on the category pages.
Enhance display of configurable products on category and search results pages by reloading Magento configurable product images when some configuration is selected.
Use these features to make configurable products easy to buy and get more orders.
Display Color Swatches Pro with AJAX mode to speed up category pages download (in comparison to "default" extension settings).
Enable Reindex option to improve category pages performance.

magento-color-swatches-on-category-pages-new

Optimized content presentation

Update product images and description according to customer input (with ajax).

The module can automatically load images and descriptions of the associated simple products chosen by customers. Let’s say a customer chooses nike brand and green color - the extension will show the images and descriptions of the simple product which stands behind these selections. This configurable product images change will let you present products in an attractive way.

Visual effects

Zoom and Lightbox effects work both for default configurable product images and for images loaded based on customer selections.

Automatic selection of attributes if only one option is available

The extension will automatically select value for the attributes which have only one option available. For example, there is a cap which has three colors to choose from. When a customer chooses a color swatch with only one size available, the extension will automatically select the size.

Default image for configurable products with no images

If you haven't uploaded images for some options of configurable products, now you can use default image for such options.

Product image features

Full size images and zoom of particular details.
Change thumbnail image size to adapt them to the style of your store and make the thumbnails looks as an integral part of your site design.
Lightbox option provides a good view of full-size images and user-friendly picture display.
Zoom effect offers to closely examine all the product details.
Ability to reset chosen product configurations.

Attribute image features

Unlimited number of image attributes, which is especially handy when you sell products of high complexity.
Ability to specify dimensions of attribute images on product and category pages.
Ability to set up parameters for tooltip display.
Zoom effect for color swatches on mouse over.
Attribute images are added by simply dragging & dropping them into place.

Multiple configuration options

Ability to upload images for all configurable product attributes
Full control over visual effects and content update features

Share URLs with set product options

Now when you set different product attributes, product page URL is changing. New URL parameters are added to the current URL via # symbol. So it's possible to share URLs with predefined product options.

Possibility to display price for configurable products as "From X.YY"

Thanks to the extension you can show the price of configurable products in the "From X.YY" format. For example, if simple products have a difference in the price and the cheapest is equal to $12.50, you can display the price of configurable item as "From $12.50".

You can also consider using the solutions below to enhance product presentation:

Clearly inform customers about stock situation with Custom Stock Status extension. Create an unlimited number of custom stock statuses, accompany them with nice icons, assign statuses to products manually or automatically and benefit from automatic quantity-based statuses. Let your customers upload images for products with Customer Product Images extension. They will provide real-life examples of product usage and motivate other customers to place orders faster. Furthermore, you can greatly enhance your web store visual presentation with free Amasty product labels' pack.

Wondering how to add Magento product filter "by color"?

Try this Magento color filter extension. Make the shopping process closer to reality - add images to product attributes selection. Allow your customers to use Magento color filter to speed up the choice and benefit from purchases growth.

4.3

See 216+ verified reviews

FAQ

Are Amasty extensions compatible with all themes and extensions by other vendors?

Amasty extensions work with all plugins we issued and with most 3rd-party plugins. If you come across a Magento 2 compatibility issue with any third-party module, we’ll definitely try to help you. If you face any technical issues, please create a ticket...

Will I get free support and updates?

Product updates for extensions purchased before Feb 1, 2022With the transition to product subscriptions, you will receive product updates for all extensions purchased before Feb 1, 2022 throughout the entire grace period — up to Aug 1, 2022. If you ...

Do you have the installation service?

Yes, you can use installation and configuration services that are available as the part of Pro and Premium add-ons for your product subscriptions.Please note that this installation service doesn’t include uninstallation. So, if you need to completely...

Can I request a free trial?

Amasty doesn’t provide any trials of Magento extensions. There's one exception: Amasty extensions are provided for testing or demo purposes to our official Platinum Partners as a part of the “access to Amasty extensions for testing purposes with Composer...

Can I test an Amasty extension on a staging site before transferring it to a live one?

Yes, you can install any Amasty extension on a test site and configure all the settings there before doing it on your live store.

How can I get a refund?

Amasty offers to its Customers a thirty (30) day money-back guarantee for the Software. In case the acquired extension didn’t meet your expectations, our support team is always ready to help you. Fees for support subscriptions and any services provided...

How can I receive a discount?

We are now working at a loyalty program for our customers that is supposed to bring even greater benefits in the long term. While it’s not out yet, you can look through these Special Offers. New discounts and specials are added every month. To stay ...

How to update a Magento 2 Amasty extension?

To update a Magento 2 extension by manual upload:1. log in to the customer account;2. navigate to the Products tab, scroll to the packages section, and click the Download link next to the extension that should be updated;3. Important: If some extension...

If I need additional features to be added to an Amasty extension, how can I ask for it?

To leave your feature request, log in to your customer account and open the Products tab. Then, scroll down to the bottom of the page, and leave your feature request in the following form: As soon as you send your request, it is considered by our ...

How can I prolong support?

If you have an active support service subscription, it grants you access to support services for all products purchased before Feb,1 as long as your subscription is active. Alternatively, support services are only available as the part of a product ...

Can I change the EE extension to CE for free?

Usually, no, you can’t exchange modules. Please, contact our support managers and they’ll consider your case individually. → Learn more about our special offers

How can I get a discount to re-purchase plugins?

Usually, we don’t provide any discounts. But you can contact us, and we’ll consider your case individually. → Learn more about our special offers

What is the license policy? On how many websites can I use Amasty extensions?

Our license allows you to use a single extension license agreement on one Magento installation.If you run several domains on the same instance of Magento, you can use one extension license. However, if you run each website on a new installation of Magento...

How can I pay for Amasty extensions?

You can pay for our extensions in any convenient for you way as a full range of payment methods are supported. The most common means are credit card or PayPal. Security and fraud protection are guaranteed. If you need to pay for the order with a non...

Can a particular option be preselected?

Yes, but Magento color swatch auto select works only if the preselected option has a single value. In other cases, you can use our Configurable Preselect extension.

Can all the attributes be visible on loading a page for the first time?

Yes, now you can make all the attributes visible on loading a page for the first time.

Can I create attributes different than color and use them in the same fashion?

Yes, with the extension you can create various attributes. Besides, you can assign images to all attributes, so your customers will be able to choose all the options of a configurable product on a category, product or search results pages. Go on reading to see the screenshot.

Can I use Color Swatches extension with custom options for product?

The Magento 2 Custom Options Swatches takes into account custom options’ when it calculates product's final price. Check the full answer to see the final price calculation model.

Can I use multiple images for one simple product added to the configurable one?

Yes, more than one image can be added for a single product in configurable swatches setup.

Can I use zoom and lightbox from my store theme?

Yes, the Magento Color Swatches extension with zoom and lightbox can be customized, so that you are able to use the features from your store theme. But you need to disable them in the module. Read on to see the settings.

Can the main image be changed when only one attribute out of two is clicked?

Yes, it is possible to change the main image only for one attribute, for example, for “color” but not for “size”.

Does Color Swatch extension support multiple product attributes?

Sure. You can use as many attributes as you have in the configurable product.

Does Color Swatches Pro work for bundle products?

No, Color Swatches Pro extension supports only configurable products.

Does your extension support PNG images?

Yes, the module supports PNG images as well JPEGs.

How are out of stock products displayed?

Magento Color Swatch hides out of stock products. What's more, you can indicate what items of particular size or color are out of stock. Read on to see the screenshot.

How to apply images from simple products as swatches for a configurable product in bulk?

With the extension, you can display any product attributes as swatches.

How to install Magento 1 Amasty extensions?

Each Amasty extension package is provided with the extension files, installation & setup guides and a license agreement. Some extensions include import file examples as well.Before installing any extension, please create a backup of the root folder...

My site uses jQuery. Will there be any conflicts?

No, we have fixed all jQuery conflicts, so Color Swatches Pro will work on smoothly on your site.

Reviews

Customer Reviews

Customization

Do you need specific features added so you can achieve your business goals?

Drop us a line and we'll customize this extension for you!

Change Log v 3.18.12

You can always download the recent version free of charge from your account installing an upgrade is easy

Check now →

See Magento (and other software) versions we support and guarantee their compatibility with our extensions

Check now →

Version 3.18.12

Last Update: May 30, 2019

3.18.12 - May 30, 2019

Compatibility compatibility with Amasty Shop by Brand was improved

3.18.11 - Apr 12, 2019

Improvement javascript jQuery library was updated

3.18.10 - Jan 22, 2019

Fix an issue with wrong path to .xml file was resolved

3.18.9 - Dec 26, 2018

Fix an issue with displaying minimal simple product price was resolved

3.18.8 - Nov 05, 2018

Fix Security fixes
Fix the problem with Reset Configuration link was resolved

3.18.7 - Oct 16, 2018

Fix an issue with outside zoom and lightbox was resolved
Fix an issue with main image in the product images carousel was resolved

3.18.6 - Oct 08, 2018

Fix an issue with double popup when using the light box on configurable product was resolved

3.18.5 - Aug 22, 2018

Fix an issue with zoom and gallery has been resolved

3.18.4 - Jun 15, 2018

Compatibility compatibility with Configurable Product Matrix was enhanced

3.18.3 - Jun 13, 2018

Fix an issue with the default configurable product price and tax was resolved

3.18.2 - Jun 05, 2018

Fix an issue with Uncaught TypeError in the browser console was resolved

3.18.1 - May 28, 2018

Fix a problem with the price of configurable products after 'reset configuration' was resolved

3.18.0 - May 18, 2018

New Support of the fancyBox 3 is added. However it still allows to select the fancyBox 2 or the fancyBox version from the custom theme
Improvement Added comments to the configuration settings in backend
Fix several issues were resolved

Version 3.17.8

Last Update: Apr 18, 2018

3.17.8 - Apr 18, 2018

Swatches optimization

3.17.7 - Mar 22, 2018

Extension configuration page improvements

3.17.6 - Mar 05, 2018

Fixed an error for products with no gallery images

3.17.5 - Feb 01, 2018

Fixed an issue with the simple product price when 'Catalog Prices: Including Tax' is enabled

3.17.4 - Jan 11, 2018

Fixed the issue with the simple product price including the tax
Other minor fixes

3.17.3 - Dec 07, 2017

Fixed issue with custom options when display excl/incl prices on the product page

3.17.2 - Dec 01, 2017

Removed the watermarks from the swatches when using the simple product images

3.17.1 - Nov 16, 2017

Added the js saving of already uploaded images

3.17.0 - Oct 26, 2017

Added the product availability (In Stock / Out of Stock) to the reloaded product info

Version 3.16.1

Last Update: Aug 23, 2017

3.16.1 - Aug 23, 2017

Compatibility with 3rd party zoom and and scroll improved
Compatibility with Product Configurable Matrix introduced
Other minor fixes

3.16.0 - Jul 05, 2017

Added compatibility with Product Media Manager;
Added compatibility with Magic Zoom;
Added better compatibility with Amasty Quickview;
Fixed minor bug with the option label;
Fixed minor bug with the fancybox;
Fixed an issue with the reset link;
Added a new setting \"Show all options\" on the category page;
Added a new setting \"Show all options\" on the product page.

Version 3.15.5

Last Update: Jun 02, 2017

3.15.5 - Jun 02, 2017

Fixed an issue with the carousel after image swatch reload

3.15.4 - Jun 01, 2017

Custom options compatibility fixes

3.15.3 - May 16, 2017

A setting to enable/disable Lightbox and zoom

3.15.2 - Apr 28, 2017

Possibility to display specified attributes on a category pages (set in settings)

3.15.1 - Apr 18, 2017

Minor improvement for image zooming

3.15.0 - Mar 29, 2017

Code refactoring for compatibility with Magento custom options in case of using price from simple products

Version 3.14.0

Last Update: Mar 14, 2017

3.14.0 - Mar 14, 2017

Added possibility to reload SKU when selecting options

Version 3.13.4

Last Update: Jan 25, 2017

3.13.4 - Jan 25, 2017

Minor fix for JS error that appeared in few cases

3.13.3 - Dec 08, 2016

Minor fix for price difference display on product view page

3.13.2 - Nov 18, 2016

Compatibility with Magento 1.9.3.1

3.13.1 - Oct 28, 2016

Compatibility with Magento 1.9.3.0

3.13.0 - Sep 21, 2016

New feature: Show simple price in swatch label

Version 3.12.3

Last Update: Aug 11, 2016

3.12.3 - Aug 11, 2016

Update elevateZoom library

3.12.2 - Aug 09, 2016

Option to add captions for zoomed images

3.12.1 - Jul 21, 2016

Possibility to specify CSS selectors for attributes in the backend (improves usability and compatibility with custom themes)

3.12.0 - Jul 19, 2016

Possibility to limit a number of swatches (images) visible. When set to certain amount, a link like \"More Colors Available\" will be displayed.

Version 3.11.8

Last Update: Apr 01, 2016

3.11.8 - Apr 01, 2016

Added abilty to display price of simple products in drop-downs

3.11.7 - Feb 19, 2016

Minor optimisations for price display

3.11.6 - Dec 04, 2015

Image upload block on attribute edit page is now split by pages to optimise upload workflow
Performance optimisation for loading product price

3.11.5 - Sep 24, 2015

Block cache for category pages added to improve load speed

3.11.4 - Sep 16, 2015

Performance and compatibility improvements

3.11.3 - Jun 19, 2015

Performance increased on large catalogs
Better compatibility with 3-rd party JS libraries

3.11.2 - Jun 05, 2015

Minor improvements

3.11.1 - Apr 16, 2015

Minor improvements for color picker and layout

3.11.0 - Mar 20, 2015

JS slider added for swatch images on product view page
Now it's possible to upload a default placeholder image for each attribute
Product page URL is modified (with #) when changing product attributes, so it's possible to share URL to specific configuration
Settings block modified to improve usability

Version 3.10.1

Last Update: Mar 02, 2015

3.10.1 - Mar 02, 2015

HTML5 file upload and drag and drop features added
Color picker added: it's now possible to use either uploaded image or selected color

Version 3.9.12

Last Update: Feb 11, 2015

3.9.12 - Feb 11, 2015

Optimisation of settings block

3.9.11 - Jan 22, 2015

Possibility to display price for configurable products in \"From X.YY\" to comply to law in some countries requiring to display price variation

3.9.6 - Oct 27, 2014

Indexing implemented to improve speed on category pages
Minor improvements

3.9.2 - Aug 20, 2014

Cross out unavailable items with white line

3.9.0 - Aug 07, 2014

Swatch settings moved to attribute edit page (separate settings for each configurable attribute)
New tooltips for swatch mouse over
Possibility to display zoomed image on mouse over

Version 3.8.8

Last Update: Jun 26, 2014

3.8.8 - Jun 26, 2014

Tested with latest Magento CE 1.9 release.

3.8.7 - Apr 11, 2014

Code refactoring and optimization

3.8.6 - Feb 20, 2014

Minor bugfix for zoom component.

3.8.5 - Jan 31, 2014

Speed improvements
Product thumbnail size setting for category page
Minor bugfix

3.8.4 - Dec 02, 2013

Better compatibility with 3-rd party extensions
Minor bugfix

3.8.3 - Nov 24, 2013

Code refactoring and performance optimization
Database optimization

3.8.2 - Oct 29, 2013

Fix for incorrect special price when reloading product
Minor CSS fix for zoom component

3.8.1 - Oct 17, 2013

Compatibility with 3-rd party zoom plugins improved
Now it's possible to enable zoom for all types of products
Incorrect installation script file deleted

3.8.0 - Oct 16, 2013

Zoom component replaced with more efficient and powerful
Zoom functionality totally refactored
Zoom now supports mobile devices
Bug fix for category page compatibility
Better compatibility with 3-rd party extensions

Version 3.7.7

Last Update: Sep 30, 2013

3.7.7 - Sep 30, 2013

Code optimization.

3.7.4 - Jul 04, 2013

Speed improvement and code refactoring.

3.7.6 - Jul 04, 2013

Bugfix of price processing.

3.7.1 - Jun 25, 2013

\"Title\" and \"alt\" attributes added to image elements.

Version 3.6.2

Last Update: Jun 04, 2013

3.6.2 - Jun 04, 2013

Better compatibility with Improved Navigation.

3.6.1 - May 24, 2013

Ability to take price of associated simple products for options of configurable products.
Automatic selection of attributes if only one option is available + setting.

Version 3.5.7

Last Update: May 08, 2013

3.5.7 - May 08, 2013

Empty upload fields are now disabled to avoid limit overhead.

3.5.5 - Apr 12, 2013

Translation fix.

3.5.4 - Mar 06, 2013

Bugfix for titles.

3.5.3 - Feb 21, 2013

Fix for incorrect table name.
Fix for reloading images with 3 or more attributes.

Version 3.4.2

Last Update: Feb 12, 2013

3.4.2 - Feb 12, 2013

Code optimization and improved compatibility with 3-party extensions and design themes.

Version 3.3.0

Last Update: Feb 05, 2013

3.3.0 - Feb 05, 2013

Ability to use images from simple products for swatches.

Version 3.2.2

Last Update: Jan 10, 2013

3.2.2 - Jan 10, 2013

Bugfix of reload of images when first attribute selected.
Fix for lightbox/zoom in IE7/8.

3.2.0 - Nov 05, 2012

Effects for image changes.
Bugfix for IE.
Minor design modifications.

Version 3.0.2

Last Update: Oct 31, 2012

3.0.2 - Oct 31, 2012

Display of attribute icons on category pages.
Ability to select options and add configurable products to cart right from the category page.
Product images on category pages are reloaded when some configuration is selected.

Version 2.0.2

Last Update: Oct 09, 2012

2.0.2 - Oct 09, 2012