Color Swatches Pro

Color Swatches Pro

by Amasty
Premier Extensions Partner


Magento Platform
Open Source (CE)
2.1, 2.2
Commerce using on prem (EE)
2.1, 2.2

Tech Specifications

Current Version:
Stable Build
19 September, 2018
Extensions, Content & Customizations


The extension offers a better shopping experience for customers. Get relevant images on your site, simply by hovering over the color swatches.

Other Extensions by Amasty


Back to top

What is the most efficient way to present configurable or compound products with many options and various prices? It may be a rather difficult task if you don't have the relevant tools at hand. The better you are at solving this problem, the better shopping experience you can provide to your customers. Amasty would like to bring to your attention the Color Swatches Pro extension. 

All the product options are automatically reloaded when customers select then on the product or category pages. Relevant options remain during the whole shopping flow: in the cart and checkout as well. You can choose different variants of price display: either in the drop-down or with the swatches. Also, Use unique URLs for each variation of a product.



  • Manage a vivid many-sided presentation of your goods
  • Display prices with swatches or in drop-downs
  • Present products with the lens zoom functionality
  • Let your customers share direct URLs
  • AJAX product info reload for better perception

Get the right image with mouse hover over color swatch

Let your customers switch between product variants simply with mouse hovering over the necessary color swatch. No need for a complete page reload or taking clients to other pages. Just let them browse smoothly.

Automatic Product Information Reload

Image, price, description, SKU and other product options are reloaded automatically on the fly while customers choose the necessary combination.

Prices in drop-downs

It may be more convenient to show prices as a drop-down list: display the list of actual prices, show the price difference, or hide the price at all, leaving only the list of product options.

Prices with swatches

To promote products in more evident and clear way, you can display prices together with the color swatches. Thus, customers can get a clear vision of what they are going to buy and how much they are going to spend.

Display the relevant information for the purchased product in the cart and checkout 

By Magento default, when customers buy products, they see the configurable product options in the cart and checkout instead of a simple product they select. With the extension, the clients get the relevant information during the whole shopping flow.

Individual URLs for each simple product

The extension provides unique URL for each simple product. With any changes made by customers in the product's options, the product URL is being automatically updated. Thus, the customers can either bookmark or share products with others.

Group similar attributes for convenient browsing

You can combine similar attributes in groups to simplify the customers browsing and filtering experience. For instance, you can group navy, turquoise, ultramarine under the blue swatch. This way the customers will receive more results and more likely find what they are looking for.

Limit the number of displayed swatches

Reduce the number of visible swatches on the category and product pages and place toggle 'See more' instead.

Compatible with Out of Stock Notifications extension

It is possible to notify customers about the availability of particular simple products.



| See prices of simple options with color swatches

| Change main product images on mouse hover |     

| Let customers select product options in dropdowns

| Configure extension settings in the admin panel

| Choose product configuration and click on 'Share' button to copy the link |


User Guide:

| See a detailed User Guide to properly configure extension settings


 Our support policy:

  • Free lifetime updates
  • Support services included 
  • 25-days money back


Release Notes

Back to top


  • Compatible with Open Source (CE) : 2.1 2.2
  • Compatible with Commerce using on prem (EE) : 2.1 2.2
  • Stability: Stable Build
  • Description:

    Improved the compatibility with the Amasty Ajax Shopping Cart extension
    NEW: Added the Zoom (Outside / Inside / Lens) functionality that allows to see every detail of the product
    NEW: Added the Lightbox effect when opening full-size images
    NEW: Added the Carousel to show the product thumbnails
    NEW: Allows to change the main product image on mouse hover
    NEW: the feature with displaying the simple products prices below corresponding swatches works for an unlimited number of attributes.
    NEW: Change the product image on mouse hover
    NEW: Display the selected simple product options in cart and checkout
    NEW: Group the associated colors and shows relevant items in the search result
    NEW: Show simple products' prices in drop-downs
    Magento 2.2 compatibility tested and confirmed
    Compatibility with Amasty One Step Checkout extension


  • Compatible with Open Source (CE) : 2.1 2.2
  • Compatible with Commerce using on prem (EE) : 2.1 2.2
  • Stability: Stable Build
  • Description:

    v1.1.3 - Improvement for reloading block of attributes


  • Compatible with Open Source (CE) : 2.1
  • Stability: Stable Build
  • Description:

    Version 1.0.0


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