Product List and Detail Page Swatches

  • Popularity Score 255 Popularity Score

    Popularity ScoreReferrals to Site/Downloads

    0 0 1+ 1+ 250+ 250+ 1000+ 1000+ 10000+ 10000+

Color (or any attribute) swatches for both product list and detail page with advanced customization.
Compatible with:
This extension is currently unavailable on Magento Connect. Please contact the developer.

You will be re-directed to the developer's website to complete your purchase.

You must be registered and logged in to get extension key.
In order to get this extension, you must be logged in to the Magento Community. Click here to login or register.

Magento Connect

Previous Next

Product List and Detail Page Swatches

Three years evolution of Color Swatches extensions by ExtensionsMall - Quality Guarantee

Enable your customers to select product options and see the live preview image of the product directly on your product list page and then on the product detail page as well. When an option is selected for a particular product on the product list page that option will be auto selected in product detail page.

Product List and Detail Page Swatches contains all the functionalities of our regular Color Swatch, but with a few significant additions.

Firstly, it enables you to show your product attribute options as swatches on both product listing and product details pages for your configurable products. Secondly, it changes the product images on both product list and product detail pages depending on the swatch selection. Also, you can select the number of swatches you want to be visible on the product list page as well as to enable the transfer of the selected options from product listing to product detail page.

Below you can see a more detailed list of features.


  • easy installation and integration
  • shows your product attribute options as swatches on both product list and product detail pages for your configurable products
  • changes the product images on both product list and product detail pages depending on the swatch selection
  • possibility to select the number of swatches to show on product list page
  • possibility to transfer the selected options from product list to product detail page
  • changes the more views images depending on the swatch selection
  • gives you the option to upload different swatch images for your attribute options
  • setting up different swatch images for hover, active and disabled state of the attribute option
  • can be aplied to multiple attributes of a single product
  • swatch image size configurable via magento administration
  • can be used together with magento's default drop down boxes on configurable products
  • shows the pop up box on swatch hover, with additional details of the swatch selection

  • View DEMO

    You can see how it works on: ExtensionsMall Demo site


  • Compatible with Magento 1.4x - 1.9x, plus Professional and Enterprise
  • Configuration required by the Color Swatch extension is the same as standard configuration of configurable products in Magento.
  • 100% Magento programming practice

  • Check other extensions by ExtensionsMall
    Color Swatches for all types of products
    Product File Attachments
    Product Video with Swatches
    Product Personalization
    Fancy Zoom
    e-Mall Twitter

    Release Notes

    Product List and Detail Page Swatches release v4.5.1

    2013-01-09 13:48:13
    • Version number: 4.5.1
    • Stability: Stable
    • Compatibility: 1.3, 1.4,, 1.4.2, 1.5, 1.6, 1.6.1,, 1.7

    Relase notes

    - improved and optimized frontend code
    - added new extension options in administration
    - use of multiple images per attribute option (for various states)
    - change 'more views' gallery on the fly
    - added 'Add to Cart' and 'Configure Product' features on product list page
    - minor bug fixes

    Color (attribute) swatches for both product list and detail page with advanced customization.

    2011-06-02 14:51:24
    • Version number: 4.0.3
    • Stability: Stable
    • Compatibility: 1.3, 1.4,, 1.4.2, 1.5, 1.6

    With this new addon, your clients will be able to select the product options directly on your product list page, and see the live preview image of the product right away. Product listing swatches work great in both Grid and List mode, thereby allowing you and your clients more flexibility in design and layout of your product listings page. But that's not all. When your clients browse the product listings page, and when they select an option for a particular product, if they proceed to that product details page, the option they selected in products listing will be auto selected. All they need to do is to proceed to the checkout page.

    Color Swatch for detail page is a completely new version of our plug in. We bring you a brand new user interface which enables you to add all the swatch images to all the attributes and products from a single place in the interface. It is also important to mention that we enabled a significant performance improvement, a lot faster loading time, as well as the possibility to add a picture to an attribute only once and still have the same picture for every product that uses the given attribute.

    The new design of the Color Swatch enables the usage of an unlimited number of images per product, as well as the unique feature of uploading totally different swatch images for different attributes of one and the same product.

    Product List Page - FEATURES

    • change product images on the fly
    • it can be applied to all products shown on product listings page
    • transfers user's swatch selection to product details page
    • optionally select number of swatches to show on each product
    • it is easy to install without any specific PHP knowledge
    • allows the users to purchase the product faster and easier

    Product Detail Page - FEATURES

    • enables you to shift product images (including prices) on the fly
    • it can be applied to one or more product attributes
    • more different attributes can be used on one configurable product
    • enables the usage of any image size for thumbnails
    • enables an option for hiding Magento Color Swatch attribute
    • advanced CSS styling from admin pages (hover, active...)
    • easy to install without any specific PHP knowledge
    • robust administration


    Easy to install and customize! Administration has many options that you can use to fine tune look and feel of your shop.


    About the Developer

    This extension was developed by and is supported by SMDesign

    Product List and Detail Page Swatches 4.9 5 28 28
    Excellent plugin, even better support This is exactly what we needed. Installation was easy and fast. Everything worked. March 11, 2015
    Great plugin and great support Great plugin use it on all my sites, Support have been brilliant!!! Had issues with compatibility with another 3rd party plugin that lead to display being off. No problems for these guys they happily came in and fixed the issue even though it was not there issue at all!!! Cannot thank these guys enough, support is great and response is super fast!! If you have to buy one colour swatch plugin, make it this one February 4, 2015
    Awesome extension!! Awesome Support! This extension is really a "must have" and the support team is wonderful!! They will answer you very quickly if you have any issues. I just want to say the support team for this extension is GREAT GREAT & BRILLIANT!! Don't look no further! Buy it with confidence! December 10, 2014
    Amazing service It turns out this wasn't the right extension for me because there isn't a way to quickly add images to the associated simple products. That said, I was extremely impressed with the customer service and super fast response time! They did a great job with installation and making sure everything worked with my current theme. Couldn't be happier on that front. In the end when I decided to go with a different color swatch extension, they did not hesitate to refund my order. That was really generous due to the time spent with installation. This is a great company to work with and I wouldn't hesitate to recommend them. October 21, 2014
    Amazing Extension! Recommend 100% Out of the few extensions that I have purchased, I have decided to write a review for this one not only because it is a great product, but they also have unbelievable customer support and help. After I purchased the extension, there were a few minor bugs because I am using a template, but I reached out for support and they fixed all issues in record time. A few weeks after purchase, I have found another little issue that I wanted tweaked, so I emailed back the support team and they fixed the problem with absolutely no questions. I would 100% recommend this extension for anyone looking to show color swatches on their product list or detail page! September 15, 2014
    Excellent Extension and Support We ordered the extensions but some Problems occured with jquery Zoon and our template. In contact with the support everything was solved very quickly and friendly. Great Extension and excellent Support. Thanks for your help. August 13, 2014
    This is an awesome extension It works as it has said and moreover support team is also quiet good and helpful. August 4, 2014
    Excellent plugin and Fantastic support This plugin is powerful, easy to configure and integrates beautifully with the Black&White template we are using but what inspires me to write this review is the TOP QUALITY of the customer support team. This is one of the best I have ever had the pleasure to work with. They are always very responsive, professional , kind and extremely competent . Not only they helped me install the plugin right after I bought it but after a few weeks, I had to update the template and broke the extension. They fixed the problem kindly and rapidly without any questions. If you need a plugin to implement color swatches which works on Product list pages and Product Detail pages, don't look anywhere else and get this one. You will not regret it. July 31, 2014
    Excellent choice if you looking for a color swatch I installed this extension on a custom theme and even though i had a few small issues the support team were fantastic and sorted out my issues in no time. I was very impressed with their attitude and they even game me a free product upgrade when i incorrectly choose the wrong extension originally. I highly recommend this company. If you have the ultimo theme on your store then this extension which have been written for Ultimo will work right out the box. July 18, 2014
    First class extension and support I write these lines to express my gratitude to the support team. I use Shopper theme from Queldorei team, and the extension works really good. It is extremely powerful and very easy to use. It fits perfect with the Shopper theme, both in terms of performance and design. The support team install the extension for me, and they adapted their module to FULLY SUPPORT SHOPPER THEME (I mean even adapting all default shopper theme blocks like new, sale, featured and all product sliders used..., and all images loaded by module that needs to be retina ready in all parts of web store, for a perfect viewing in hight resolution displays (iPhone, iPad...) like default the theme. Everytime I ask for something, they kindly answered fast and fix all things I told them and no questions asked. So if you need a module to use swatches, (I bought Prod. List & Detail Page Swatches) don't doubt. From this moment I count on them to do all the maintenance on my web store, not only with their modules. Extremely professional. Very nice experience. June 13, 2014
    2 3 next>>
    Get Help

    Support for This Extension

    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.

    Magento Platform Support

    If you need support for a Magento platform, there are different options for support depending on which Magento platform you are using. Below are links for specific platforms.

    In order to upload extension, you must be logged in to the Magento Community. Click here to login or register.



    * Required Fields

    Close window

    Forgot Your Password?

    Please enter your email below and we'll send you a new password.

    * Required Fields

    Close window


    To upload extension you must be logged in.

    * Required Fields

    Close window

    You are using an outdated browser

    We built Magento Connect using the latest techniques and technologies.
    This makes Magento Connect faster and easier to use.
    Unfortunately, your browser doesn't support those technologies.
    Use the links below to download a new browser or upgrade your existing browser.