Magento product image switcher

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.
52 comments
Not working
hide the zoom option for product images with less resolution in magento
hi,
first of all, sorry for disturbing you here.
please visit this link :
http://kidsdial.com/chair.html, you can see there is a zoom option on the products images
if we upload smaller images as like here :
http://kidsdial.com/microsoft-wireless-optical-mouse-5061.html
the product image is not zooming properly
so i want to hide the zooming option for images with less than 400 * 400 pixels.
please help me to find some solution.
thanks in advance
Nice! works great even in Magento 1.9. 😀
Hi,
Thans for sharing. It works also with custom theme and Magento 1.7.
Great!
hi there bro – good work .. 🙂 thanks for sharing it
i have a site in magento …. ..
http://botaseltio.mx/botas-chopper-bola?color=Paso+Tan&talla_hombre=25
and
i need to put a new button ZOOM after the large image ..
and make a popup window like video window….
and deactivate the other main photo function ..
……………………….
and thaks for sharing your code with us bro 🙂
Jimmy, did you find anything? I want the exact same effect, too! Let me know if you find something similar. Kisses
Thank you!
You really helped me.
thanks
Hi,
I am looking for a extension that would do the following effect when you hover over it. If you click at the link below and then click at the girls picture wearing glasses and you roll your mouse over the picture you will see it changing images. If anyone has any knowledge about any extension that would do this.
http://www.jimmyfairly.com/fr/homme/optique/cassard.html
Thanks Ivan!
Works perfectly with magento ver. 1.6.2.0
Please can anybody help,
I need the more view image labels (alt) to transfer with the image into the product large view box. When I click onto the moreview image this loads into the box above but I cannot get the image label to carry with it????
Thanks if anyone can help
@kevin, i want it to display like on ur site
http://extensions.qazware.com/extensions/q-options.html
Free in :
http://extensions.qazware.com/extensions/q-options.html
and
http://extensions.qazware.com/extensions/free/q-color-swatches.html
at last able to perform zoom, i have modified above code to below , now how to load the gallaery image in zoom window , here is the modified code,
thx
hi, i am in search of a zoom feature in magento product pages justlike cloudzoom , but cannot seem to get it working i just found this site on magento that uses the zoom feature that i would like to integated on to my magento website http://www.fabulloso.com/apparel/men/shirts/chamra-shirt-white.html
please help .
This is working great even in latest v1.6.2, I just need to make two mods and it would be perfect;
1) How can I disable the pop up window on main image double click.
2) Show image titles of thumbnails loaded to main image.
Thanks in advance if anybody can help!!
You are agenius!
Tt works fine in MAgento 1.6 !
Thanks
very nice work!
Thanks
Wow Great
You are genies,
Thank you so much.
Thanks a lot for this! You’re blog is such a great resource.
this is great! thanks for sharing.
Cool effect!
But is it somehow possible to open the main image as lightbox. (I managed it to open in it lightbox but the lightbox always starst with the first image)
actually the zip file appears to be corrupt.. any chance in getting another or is it my zip utility…
The method for default zoom does not seem to work,where is the javascript for the zoom ?
does it work like flip book?
I want something like flipping book on flash, but it cost much
I’m using this one but I want to extend the functionality by changing the javscript popup with a ligthbox.. Can’t get it working.. Any guidance would be much appreciated..
Thanx a lot… thnx a lot
Do not work with any IE for me. Can anywone help?
Just tested it, find the main image losted in the image window popup, good extension, but need update. thanks.
Can this extension be use in version1.4 of magento? Expression method of image url is not like as before, now is double brackets.
I’ve modified the code and now default zoom works 😉
This works like a charm! Thanks for the great tip!
Working on Magento ver. 1.3.2.3
I agree, Fancybox instead of popup window would be perfect
Thanks for that great mod, How can i make this automatically transiting?
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.
Cool extension
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?
@Traci:
The following line controls the count:
0): ?>
change zero to one.
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?
How are you so awesome? It bothers me.
How can I center the images, looks left justified…. Or how can I add padding to the left side?
Cool extension 🙂
works fine in IE8, but not work in FF
someone help me ?
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.
great work
I don’t understand what you’ve changed from reading this post. Have you added an “Active” state for the thumbs?
Hello,
Can we unite with this great Tuto lightbox?
Use lightbox for expansion.
If so how?
Thank you
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 😉
Works great!
Please let us know if you manage to include the zoom function 🙂
Can I see a sample of this ? do you have it installed on some demo store ?
Thanks for posting your work.
very great work!
Thanks
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”?
😉