Color Swatches Pro

Color Swatches Pro

by Amasty
Premier Extensions Partner


Magento Platform
Open Source (CE)
1.3, 1.4,, 1.4.2, 1.5, 1.6, 1.6.1,, 1.7, 1.8, 1.8.1, 1.9, 1.9.1, 1.9.2, 1.9.3
Commerce using on prem (EE)
1.10, 1.11, 1.11.1, 1.12, 1.13, 1.13.1, 1.14, 1.14.1, 1.14.2, 1.14.3,,,,,,,

Tech Specifications

Current Version:
Stable Build
12 August, 2019
Extensions, Content & Customizations, Rich Media


Take presentation of configurable products to a new level by replacing boring text attributes with catchy swatches. 

Other Extensions by Amasty


Back to top

Color Swatches Pro is a color picker tool which lets you dramatically enhance configurable products presentation by replacing plain text attributes with bright swatches. Use images for attributes selection and display color swatches and size options on a category page. Forget about time-consuming price updating and specify the new cost for associated products automatically. Use AJAX to reload product images, name and description as fast as possible.

Improve user experience by displaying special place holders and cross out product options with zero stock to show customers which items are out of stock at the moment. Regulate the number of displayed swatches for category pages to make categories look compact and clear.

With the Image Switcher, customers can select image attributes as many times as they want to see different variants of the product and eventually choose what they like. Also, they can view image details with elegant zoom and lightbox effects to help make a faster purchase decision.  



  • Vivid swatches for any product options
  • Flexible settings to display the most relevant price
  • Automatic product info reloading
  • No harmful effects on the performance
  • Lens zoom functionality and lightbox effects
  • Compatibility with numerous themes


Use Flexible Settings 

Use Prices of Associated Simple Products

By default, you have to specify price difference for options of configurable products, such as color green +$10. Now the price of the simple products will be used automatically. So if you import a few thousand associated products with updated prices, you will not need to spend a couple of days updating price difference for configurable products.


Display Prices In Drop-Downs

Show 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.


Products Are The Highest Quality

Give them a great view of the product. Using the Color Swatches extension, clients can zoom and see every detail of the product.


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 the customer shopping experience.


Use Images instead of Plain Text

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 product color thanks to using CSS files.


Use Images of Associated Products

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.  So, this enables you to have unique 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.


Additional Usability Features

With the 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.


Default Image for Configurable Products

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


Limit Number of Swatches on Category Pages

To keep your category pages clean you can manage the number of swatches displayed under the main product image. In case the number of visible swatches is limited customers will see a link like "More Colors Available".


Cross out the Swatches of Out Of Stock Products

Due to the ‘Out of Stock’ option, you can indicate which products of a particular color or size are out of stock. 


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 Configurable Products

  • 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 with AJAX mode to speed up category pages download (in comparison to "default" extension settings).
  • Enable Reindex option to improve category pages performance.


Optimized Presentation

Update Product Images & Description (with AJAX)

The module can automatically load images and descriptions of the associated simple products chosen by customers. Let’s say a customer chooses the Nike brand and green color - the extension will show the images and descriptions of the simple product which stands behind these selections.


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

The extension will automatically select a 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.


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 look as an integral part of your site design.
  • Lightbox option provides a good view of full-size images and a user-friendly picture display.
  • Zoom effect offers to closely examine all the product details.
  • Ability to reset chosen product configurations.


Attribute Image Features

  • An 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 Options

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


Display Price for Configurable Products

Due 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 a configurable item as "From $12.50".


User Guide:

| Take a look at the detailed user guide |



| See how to manage simple products |  

Color swatches example on a category page |

Use any images as product swatches |  

See color swatches example on product page |

Display swatches for out of stock products |  

Use a default placeholder for swathes without images |


Our Support Policy:

  • Free lifetime updates
  • Support services included
  • 25-day refund policy

Release Notes

Back to top


  • Compatible with Open Source (CE) : 1.3 1.4 1.4.2 1.5 1.6 1.6.1 1.7 1.8 1.8.1 1.9 1.9.1 1.9.2 1.9.3
  • Compatible with Commerce using on prem (EE) : 1.10 1.11 1.11.1 1.12 1.13 1.13.1 1.14 1.14.1 1.14.2 1.14.3
  • Stability: Stable Build
  • Description:


    – Fixed issue with custom options when display excl/incl prices on the product page
    – Removed the watermarks from the swatches when using the simple product images
    – Added the js saving of already uploaded images
    – Added the product availability (In Stock / Out of Stock) to the reloaded product info
    – Compatibility with 3rd party zoom and and scroll improved
    – Compatibility with Product Configurable Matrix introduced
    – Other minor fixes
    – 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.


  • Compatible with Open Source (CE) : 1.4 1.4.2 1.5 1.6 1.6.1 1.7 1.8 1.8.1 1.9 1.9.1 1.9.2 1.9.3
  • Compatible with Commerce using on prem (EE) : 1.10 1.11 1.11.1 1.12 1.13 1.13.1 1.14 1.14.1 1.14.2 1.14.3
  • Stability: Stable Build
  • Description:

    v3.15.5 - Enable or disable Lightbox and zoom


  • Compatible with Open Source (CE) : 1.4 1.4.2 1.5 1.6 1.6.1 1.7 1.8 1.8.1 1.9 1.9.1 1.9.2
  • Stability: Stable Build
  • Description:

    Version 3.13.1


Back to top
The best place to start if you need help with a specific extension is to contact the developer. All Magento developers have both a contact email and a support email listed.

Q & A

Back to top


Back to top