My Cart

Product Color Swatches 1.1.0. More Covincing... More User-Friendly...

Product Color Swatches is one of those extensions, which make the process of selecting a product in your store much easier for customers.

product color swatches

The Product Color Swatches Magento ExtensionIt replaces native Magento attribute options with image swatches and makes the shopping process more conscious and justified. In our efforts to further improve the moduleís capabilities we have implemented several new functionality refinements and pleased to present you the new version of this valuable extension.

Features of the Current Update

Product Images as Swatches

If a product processed by this extension contains only one attribute, you can display product images of child simple products as swatches for this very attribute.

swatch settings

Child Product Images as Swatches. * Click the image to switch to the Frontend

Backend UX Improvements

Possibly, the most exciting improvement delivered by this update is the backend UX renovation. It contains several significant enhancements, which facilitate the ways to load swatch images and assign them to certain product attributes. From now on, you can upload multiple pictures simultaneously to the right section of the Images area without any page reloads. You can also track the upload progress and get the status of uploaded images at the end of loading.

Note the Functionality: You can also drag images from your standard file manager to the right section of the Images area, which also starts the loading process.

In order to assign images to certain attribute options just drag them from the right section to the necessary empty cell of the main Images area. If you want to replace a swatch, just put the new picture over the existing one.

backend improvements

Images Area

If necessary, you can remove an image from the main working area. For that, you should just hover the cursor over it and click the Trash Bin icon. All changes will take effect after you save the attribute. Display Swatches on Category Pages

Since the current versions of the extension product swatches are available on category pages. This enhancement makes its own contribution to the overall frontend usability and allows customers to use product swatches functionality on category pages without visiting products.

swatches on category page

Swatches on Category Pages

As most Magento merchants certainly need this feature, they can enable it on the Product Color Swatches configuration page. In addition to the on/off function, the Category View Page section allows you to specify the size of swatch images displayed on category pages. Display Swatch Titles and Images in Layered Navigation

The current version of the module introduces one more useful feature, which also belongs to frontend usability improvements. Now you can display swatch images and titles in the layered navigation section and provide customers with more vivid and reasonable filtering functionality. The drop-down selector offers three configuration options for this functionality:

  • Nono swatches are displayed in the Layered Navigation section;
  • Yes, swatch only - if enabled, it displays only swatch images in the Layered Navigation section;
  • Yes, swatch and textif enabled, it activates both swatch images and attribute text labels in the Layered Navigation block.
layered navigation 1

Color Swatches at Layered Navigation

Other UX Improvements Other less noticeable, but still useful UX features include:

  • The attribute options of out-of-stock simple products has gray crossed-out swatches, what makes the perception of their unavailability entirely intuitive;
  • The name of each selected attribute option is displayed just next to the attribute's name, so the final attributes scope of the exact product is always clear for customers.

The features presented above will certainly make the shopping in your store more comfortable and pleasant for customers, while these benefits do not require from you any outstanding efforts. Especially that, now the configuration process is even more simple, intuitive, and fast. You can get even more granular information regarding the features provided by the extension on its product page. The related documentation provides you with extra explanations, necessary installation, and other service guides. If you still have some questions regarding the moduleís functionality, you will certainly get the answers you need in our demo stores. Purchase or update the Product Color Swatches extension in our store. Make your Magento better.  Your comments on this post are much appreciated. Leave them below, please.