rwd 1.9.1.0 configurable image swatches how to implement in our theme list page

Hi,

First use this blog for configurable image swatches show on product page

https://www.bemaged.com/en/blog/use-magento-swatches-in-custom-theme/


Then for showing on list page please flow this step,

Open your theme list.phtml and replace or add new code in your file, this below:

1. image code replace with: http://screencast.com/t/lAwWhk3d54n
2. Add this code in your file after "getRatingSummary": http://screencast.com/t/kYpogsSYn
3. Add in last, after "<script type="text/javascript">decorateGeneric($$('ul.products-grid'), ['odd','even','first','last'])</script>"

http://screencast.com/t/LuG8pb5BPrf

That's it now swatches also working on you list page :) enjoy.... same as like this:-

http://screencast.com/t/d0hL4s9h49O