Product List and Detail Page Swatches

  • Popularity Score 234 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.
In order to get this extension, you must have active Magento Go Store. Click here to create Go store.

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.8 5 20 20
    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
    Great extension, a must if you have configurable products I choose this extension after evaluating several alternatives. This is far away the most complete, well tested and best performing. I suggest to buy the version with the product list feature included, so that client can immediately understand wich are the options available. The support and the Team are great: the best I 've ever experienced. They read your message in real-time, and they are very fast to fix the situations. I definetely recommend this extension and I I would define that a must for every Magento e-commerce. February 28, 2014
    Incredibly good plug-in. Incredibly good plug-in. had been looking for something like this for The service is far above average. Despite the complex issues they persisted to ask me. Satisfied Good work, keep it up. Regards, Rob van Westrop February 9, 2014
    Support is exciting We had some trouble to implement the extension. But that was due to our theme not the extension itself. But that didn't matter at all, the support is really fast, patience and helps quickly via admin access and ftp. They supported us until all features worked as needed. January 22, 2014
    Shopper Theme with Colour Swatch Hi, I'm a developer myself, and bought this product to save with with an implementation. the store was based on the "Shopper" responsive theme, and the plugin works great with the theme out of the box. what's more, the development team were more than helpful with some queries I had. worh the money and saved me a lot of time in implementing this from scratch, highly recommended. January 21, 2014
    Excellent Extension - Support Second To None This extension performs exactly as required and looks really professional. Took a bit of tweaking owing to our Magento theme, but the support team were on hand every step of the way, making all necessary changes for us which they continue to do as and when needed. I cannot praise the support team highly enough, they are always available, often and unexpectedly over a weekend or holiday, and are always professional, knowledgeable and friendly. Nothing seems to be too much trouble for this team whom never make you feel that you're a nuisance. I've worked in eCommerce for many years now and can assure you support like theirs is hard to find - they really are a rarity. If you're thinking of purchasing this extension - I guarantee you will not be disappointed with the product - and you'll be even more delighted with the first class support you will receive. January 7, 2014
    Excellent Product and Amazing Support This extension is essential for letting customers see different color options on a category page. The support we received in integrating the extension with our custom theme was awesome! Would definitely recommend this extension. November 28, 2013
    Great product with superior support We used this extension in a slightly different fashion because we needed more options and due to our point of sale system limitations, but still this extension was really a big help for us. At times when I had any questions the support team was very quick and helpful. When I needed additional help - since I was customizing the extension for our needs - this was by far the best support I ever had from any Magento developers, and we do use a lot of extensions. We will continue to work more with SMDesign and would recommend this developer to anyone. Thank you SMDesign! October 10, 2013
    Great Module and really great Support! The module is working very well, and it has many features we wanted for our website. Then the support was great, we installed the module and than we had the need to customize it to get it work with our template. Their support solved us the problems really fast! October 7, 2013
    2 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.