zoom icon on product detail image

Hello, sorry for my english, I have a little question about the configuration of the product detail page. I'd like to see a zoom icon on the image, for making too easy understand that you can enlarge it with a click, but i don't know how and where to insert it...can you help me?
p.s: the product catalogue is configurated in virtuemart.
Thank you very much!

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

.productDetails .main-image img:hover { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; }


and then just remember to enable "Use override CSS" option in template advanced settings tab. Please note that this zoom cursor is available only in webkit and firefox browser but this is the easiest way to add zoom icon without custom template modifications.

Thank you very much, this is a good solution, but I would add a zoom image over my image product, fix not a mouse effect...is it possible?

This is related with changed in VirtueMart product view and there is no copy/paste solution that I can provide you have. It is necessary to add DIV element in image area and then animate it when you hove image (with or without javascript) so it is not so easy issue.

Uh, I didn't think it was so complicated I'm not interested to animate the zoom with particular effect, only visualize the icon...now I do a bit of research about div function and I'm sure I find a solution!

Thank you very much!

For sure modifications in override products view are necessary - in case you search for it the product view is located in root/templates/gk_shop_and_buy/html/com_virtuemart/productdetails/default.php