Joomla Templates Club 406,261 posts

[elanto75 Friend elanto75Join date: October 2013Posts: 74Downloads:45Uploads:22 Thanks: 26]

#867956

Hello,
I would like to create a rollover effect on mouse in virtuemart product images in category view, can anyone help?
I wish you hover appeared before the additional images of the product.
Thank you

Joomla! 3.4.8
VirtueMart 3.0.12

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#868463

Hi

It will require customization on CSS style, please use editor like Firebug and follow some tutorial for hover effect css, there are plenty tuts for this.

[elanto75 Friend elanto75Join date: October 2013Posts: 74Downloads:45Uploads:22 Thanks: 26]

#870453

thanks, but I need the code in php to relative paths.

[elanto75 Friend elanto75Join date: October 2013Posts: 74Downloads:45Uploads:22 Thanks: 26]

#870471

elanto75 wrote:

thanks, but I need the code in php to relative paths.

This is the code I have replaced /components/com_virtuemart/sublayouts/products.php

it works, but I can not apply the variables

// Show Products ?> <div class="product vm-col<?php echo ' vm-col-' . $products_per_row . $show_vertical_separator ?>"> <div class="spacer"> <div class="vm-product-media-container">
                <a title="<?php echo $product->product_name ?>" href="<?php echo $product->link.$ItemidStr; ?>">

                    <img src = '../images/stories/virtuemart/product/5_3.jpg'

                      onmouseover = "this.src = '../images/stories/virtuemart/product/resized/5_37_480x480.jpg'"

                      onmouseout = "this.src = '../images/stories/virtuemart/product/5_3.jpg '">

                </a>
        </div> [/ pre]

		

[elanto75 Friend elanto75Join date: October 2013Posts: 74Downloads:45Uploads:22 Thanks: 26]

#870582

please, help me!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#871048

If you want to change in core file of VM, you should override it in template directory: ROOT/templates/ja_charity/html/com_virtuemart/sublayouts/

In case, style for this often takes time, you should hire a developer to get it done for you.

[Author]

Posts