Product image in category - PopUp on mouseover

[Tommi]

I need advice: I want to display images in a category of products with mouseover function.
Does anyone have experience?

[PRO]

I need advice: I want to display images in a category of products with mouseover function.
Does anyone have experience?

what do you mean? dont display an image until they mouseover??

[Tommi]

I need to display an image with mouseover  (no click on image) in products category and hide the image if I go with the mouse.

[PRO]

which image?

[Tommi]

In category image.. example: http://www.goraslovakia.sk/index.php?option=com_virtuemart&view=category&virtuemart_category_id=95&Itemid=490 I must click for open big image, but I have open image on mouseover a hite, when I leave the mouse ...

[attachment cleanup by admin]

[PRO]

I do not know how to do this

BUT,

looking at your page, you should NOT leave "spaces" in your image names

for example
http://www.goraslovakia.sk/images/stories/virtuemart/product/misa%206%20grey%200001.jpg

the % sign is a space

[Ventsi Genchev]

Tommi, what do you mean? Something like what I did on my page?

http://www.vspc.bg/produkti/klaviaturi-i-mishki/mishki

To make it more convenient to consumers, I made a popup in many places. 

[Tommi]

Hi Venci,
Yes, that's it! Please, help me?

[bytelord]

Hello Tommi,

Please take a look on that example: http://forum.virtuemart.net/index.php?topic=107126
You could easily make the same for category view.

Regards.

[Tommi]

Yes, but I have a problem with height in Mozilla. Please check: http://www.goraslovakia.sk/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=35&virtuemart_category_id=35&Itemid=490#thumb

[bytelord]

Hello,

Use firebug to examine your code & css styling: http://forum.virtuemart.net/index.php?topic=102850.0

This is caused by z-index and position inside your CSS files. Please check them and make some tests. May be your next element index is lower than the thumb

Regards

[bytelord]

Basically is caused by your joomla art template ....

inside layout.css @ line 17/18 there is a attribute

.column {

    overflow: hidden;

}

Delete or comment that overflow:hidden;

The overflow:hidden , just hides the content at the end of the column ... so there is no posibility to show the rest of the image cause the "space" end there...

Regards

[Tommi]

Thank you!

[Tommi]

I need to do something similar in category: http://www.goraslovakia.sk/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=110&virtuemart_category_id=33&Itemid=490.
In the Category, http://www.goraslovakia.sk/index.php?option=com_virtuemart&view=category&virtuemart_category_id=33&Itemid=490  I want to display the image mouseover function.

Example: http://www.vspc.bg/produkti/klaviaturi-i-mishki/mishki

Is there any solution?

[bytelord]

Hello Tommi,

Just use the same code with the appropriate modifications to create a template override for the file components/com_virtuemart/views/category/tmpl/default.php.
That was the case from the start

Regards