hover over category pictures

Hi,
Is there a possibility in hikashop to exchange pictures while hover over them in DIV mode of the category view?
So for example: you have two pictures, one is black & white and one is colored. If you hover over the picture it changes from b&w to color.

Thanks
Tom

Hi Tom,

To do that you'll have to add some code customization through the files of your "category" view via "Hikashop->Display->Views".
Note that this will require some development skill to do that.

may be that could be something for the wishlist

Hi,

We can't really add this by default because it's not really needed by everybody, and nobody want the same thing, etc.
But you can do this with some css, something like:

.hikashop_products .hikashop_product_image img{
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -o-filter: grayscale(100%);
}
.hikashop_products .hikashop_product_image img:hover{
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        -o-filter: grayscale(0%);
}

Hi Xavier,
This is only working with chrome but not with ie or firefox on my side ( I cleared all my caches in the browsers but it's only working in chrome.
Could it be ?

Tom

Hi Tom,
I think that you'll probably find your answer through this link :

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */