Magento product image switcher
20 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
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.
If you like what you read, please share it.
To post code in comments, place your code inside [code] and [/code] tags.
There are 20 comments (Add Yours +)
Meet The Inchooers, the funny bunch of magento developers.
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”?
June 17th, 2009 at 11:06
very great work!
Thanks
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.
June 22nd, 2009 at 11:45
Works great!
Please let us know if you manage to include the zoom function
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
June 24th, 2009 at 23:22
Hello,
Can we unite with this great Tuto lightbox?
Use lightbox for expansion.
If so how?
Thank you
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?
August 11th, 2009 at 11:38
great work
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.
September 9th, 2009 at 13:13
works fine in IE8, but not work in FF
someone help me ?
September 25th, 2009 at 8:48
Cool extension
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?
December 10th, 2009 at 16:09
How are you so awesome? It bothers me.
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?
March 6th, 2010 at 22:09
@Traci:
The following line controls the count:
0): ?>
change zero to one.
May 2nd, 2010 at 16:19
It’s probably a stupid question but I don’t understand how do I add images to the product gallery? As far as I see I can only add one base image, one small image and one thumbnail… what am I missing?
May 20th, 2010 at 15:39
Cool extension
June 15th, 2010 at 20:43
This really works great. Thanks!
Is there a way to replace the pop-up windows with a fancybox or lightbox window on click?
Sorry about being greedy, but a fancybox would just make this perfect.
Thanks.
June 23rd, 2010 at 11:55
Thanks for that great mod, How can i make this automatically transiting?
July 1st, 2010 at 8:13
I agree, Fancybox instead of popup window would be perfect