Shopping Cart Community

Hello Sir,
I've been trying to search the solutions in past week.
It is much appreciated if anyone can teach me how to edit the product thumb, since i want to use the 1st and 2nd photos in product images ( admin side ) to generate an onmouse effect in front ends product thumb
means when mouse pointing to product, it will display another photo ( that i uploaded in admin product page ) , when mouse out it will return to original thumb
hope there's an expert can help me out, thank you so much. God blessing all

The easiest way I can think to implement something like this is to ensure the photos are in a specific order (you can re-order them in admin > edit product > product images (tab) ) and rewrite your JS image handling to do the heavy lifting in the front end.

If you even think about trying to edit the backend/admin scripts you're going to be tearing your hair and howling at the moon like a deranged werewolf within a few days so don't do it.

I have no idea how you would edit the JS for the front end but logic wise you could use the image order to create an effect like this:

if image 1 currently shown
show image 2 in zoom

It means that both images will be viewable but from a customisation point of view it'll make your job easier...


That's as far as I go and I doubt anyone else has any other suggestions as almost all developers have now moved on to other carts and I'm sworn off new functionality now.

hello Martin,

Thank you for your reply.
But i am not looking for rewrite order, i just want to know how to make thumbnail "onmouse" to show the another photo, and "onmouseout" to show the original thumbnail.
Thank you again for your reply

i tried to give up interspire twice, but i cannot find any other better than it. Do you have any suggestion by the way?
thanks