VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: konpatsogiannis on April 09, 2014, 03:46:23 AM

Title: Enlarge image in mouseover
Post by: konpatsogiannis on April 09, 2014, 03:46:23 AM
Hello.
I have made the following change:

When I click a product image in category, it links you in product details.

Is there any way to have an enlarged image when I mouseover?
Title: Re: Enlarge image in mouseover
Post by: megabs on April 09, 2014, 06:45:37 AM
Ok you can use any Jquery plugin/or code (sorry not an expert in Jquery), but mainly you have two options
1- use jquery code in your category view file
2- download any code module and put this code in it, then publish it on your category pages

Both will work very well, i have done a lot of times, normall i get the code from the internet, making any needed changes in view files, and the Job is done.
Title: Re: Enlarge image in mouseover
Post by: jenkinhill on April 09, 2014, 11:48:20 AM
Current versions are coded so that the image links direct to the product details. That is by popular request of users and to make it simpler for the shopper to get to the product details page. You can change the function using template overrides and using Joomla's modal of VM's fancybox.
Title: Re: Enlarge image in mouseover
Post by: konpatsogiannis on April 09, 2014, 15:22:30 PM
Quote from: jenkinhill on April 09, 2014, 11:48:20 AM
Current versions are coded so that the image links direct to the product details. That is by popular request of users and to make it simpler for the shopper to get to the product details page. You can change the function using template overrides and using Joomla's modal of VM's fancybox.

I have the latest version. Where can I find this option sir?

Thank you for answering.
Title: Re: Enlarge image in mouseover
Post by: konpatsogiannis on April 09, 2014, 15:24:29 PM
Quote from: megabs on April 09, 2014, 06:45:37 AM
Ok you can use any Jquery plugin/or code (sorry not an expert in Jquery), but mainly you have two options
1- use jquery code in your category view file
2- download any code module and put this code in it, then publish it on your category pages

Both will work very well, i have done a lot of times, normall i get the code from the internet, making any needed changes in view files, and the Job is done.

I am not a big php expert. Do you have any detailed example available?If it is for VM even better
Title: Re: Enlarge image in mouseover
Post by: rockycox1989 on May 19, 2014, 05:10:06 AM
Quote from: konpatsogiannis on April 09, 2014, 03:46:23 AM
Hello.
I have made the following change:

When I click a product image (http://www.rasteredge.com/how-to/vb-net-imaging/) in category, it links you in product details.

Is there any way to have an enlarged image (http://www.rasteredge.com/how-to/vb-net-imaging/resize-image/) when I mouseover?

Check following two links with source code. Hope it can at least offer some clue for you. ;)
http://www.joomlaboat.com/forum/mouse-over-zoom/pro-vers-second-image-distorted
http://stackoverflow.com/questions/18456169/show-enlarged-picture-when-mouse-hover-over-an-image
Title: Re: Enlarge image in mouseover
Post by: JoomTut on May 19, 2014, 11:44:25 AM
Quote from: konpatsogiannis on April 09, 2014, 15:24:29 PM
I am not a big php expert. Do you have any detailed example available?If it is for VM even better

You can search for information with  the keyword "image tooltip for virtuemart" or need a development to support.