Magento product image switcher

15 Comments 16th JUN 2009 | Posted by Ivan Weiler in Magento

I just wrote small javascript animation example for product images and thought someone may find it useful. It’s a fast way to replace default zoom functionality for the ones that don’t like it.

I’m actually trying to merge something like this with default zoom, but i’m not finished yet. Anyway, i left all javascript and styling in media.phtml file, so just download the file

media.phtml.rar

and replace it with your own at
app/design/frontend/default/yourtheme/template/catalog/product/view/media.phtml

It was made with default Magento theme. Enjoy.

There are 15 comments (Add Yours +)

Tomislav Bilic Says
June 17th, 2009 at 8:15

Good work Ivan. Is there a way to make a module of this? Can we create a module that tells Magento to replace certain block if the selected theme is “default”?
Alex Says
June 17th, 2009 at 11:06

very great work!
Thanks
Tal Mor Says
June 17th, 2009 at 14:52

Can I see a sample of this ? do you have it installed on some demo store ?

Thanks for posting your work.
Julien Says
June 22nd, 2009 at 11:45

Works great!
Please let us know if you manage to include the zoom function
Ivan Weiler Says
June 22nd, 2009 at 22:51

Thank you all. I don’t have any sample running live right now, sorry, i’m considering to setup one Magento playground/showcase site for things like this. I’ll probably pack it as module with custom block once i polished it some more
Planquette Says
June 24th, 2009 at 23:22

Hello,

Can we unite with this great Tuto lightbox?
Use lightbox for expansion.
If so how?

Thank you
rob Says
July 23rd, 2009 at 0:50

I don’t understand what you’ve changed from reading this post. Have you added an “Active” state for the thumbs?
dharmesh Says
August 11th, 2009 at 11:38

great work
rideers Says
August 12th, 2009 at 17:28

Thanks for this good extension! I test is with IE brower and found it’s looks not so smooth.It’s perfect when browsing with firefox.
ycetrey Says
September 9th, 2009 at 13:13

works fine in IE8, but not work in FF
someone help me ?
Disha Says
September 25th, 2009 at 8:48

Cool extension
mike Says
December 9th, 2009 at 4:15

How can I center the images, looks left justified…. Or how can I add padding to the left side?
Spenser Says
December 10th, 2009 at 16:09

How are you so awesome? It bothers me.
Traci Kaspar Says
February 1st, 2010 at 18:34

Is there a way to hide “more views” if you only have 1 of that product? Only show it if there are more than 1 picture?
TooManyBits Says
March 6th, 2010 at 22:09

@Traci:

The following line controls the count:
0): ?>

change zero to one.