remove rollover efect from products

[Botix]

Hi

I have a problem with the rollover effect on the product images, it meses up the arrangement of elements.

I want to remove the rollover effect from the products, but I would like to keep the  quick view option if possible, and this is the url: http://www.valsaint.com/shop

 

you must click the popular tab to see the products, this is another issue, I have changed the 'nbItemsPerLine' from 4 to 3 in procuct-list.tpl, since that products are not shown on the front page, only if you click popular.

 

Thank you

[vekia]

im browsing your website and i can't reproduce issue

everything is fine with your hoover effect

perhaps i missed something..

so can you point me to the problem? how to reproduce it? some screens?

[Botix]

Hmm...

I am using firefox, and I have just checked with chrome. it`s ok with chrome, in firefox not.

[Botix]

I`m attaching some screenshots:

[Botix]

anyway I would like to remve the hover efect, an I do not know how t do that

[vekia]

okay i see this problem in firefox too

in chrome everything is allright

 

check this topic:

http://www.prestashop.com/forums/topic/328820-removing-ajax-hover/

 

hope that this will be helpful

[Botix]

Ok, now I have the add to cart, and More buttons always visible, but the hover effect still exists, and the problem persists in firefox

[Botix]

there must be a way to completely remove this ajax function

[Botix]

I just removed the ajax_block_product class from product-list.tpl, and now it`s fine.

 

After that, I created a css rule:

ul.product_list .product-image-container:hover .quick-view {
    display: block;
}

and now I have just the quick view button on hover.

Edited May 26, 2014 by Botix (see edit history)