How to get small popup with information when moving mouse over product picture in virtuemart?

Question

I have a list of product in virtuemart as presented in screenshot

My client wants to have the following effect: while doing hovering over picture with mouse, he wants popup with full description of product.

How can I do that? Thanks in advance.

Answer 1

You can include some javascript

JHTML::script( 'mytitle.js', 'path/to/my/js' );

in the flypage.php

components/com_virtuemart/themes/default/templates/product_details/flypage.tpl.php

and replace

<h1><?php echo $product_name ?> <?php echo $edit_link ?></h1> 

with something like

<h1 title="Produkt Title::Product Description"><?php echo $product_name ?> <?php echo $edit_link ?></h1>