hover over category pictures

commander64
Topic Author
Offline

12 years 10 months ago #133482 by commander64

hover over category pictures was created by commander64

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

Please Log in or Create an account to join the conversation.

Mohamed Thelji
Offline

12 years 10 months ago #133511 by Mohamed Thelji

Replied by Mohamed Thelji on topic hover over category pictures

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.

The following user(s) said Thank You: commander64

Please Log in or Create an account to join the conversation.

commander64
Topic Author
Offline

12 years 10 months ago #133514 by commander64

Replied by commander64 on topic hover over category pictures

may be that could be something for the wishlist ;-)

Please Log in or Create an account to join the conversation.

Xavier
Offline

12 years 10 months ago #133521 by Xavier

Replied by Xavier on topic hover over category pictures

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:

Code:

.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%);
}

The following user(s) said Thank You: commander64

Please Log in or Create an account to join the conversation.

commander64
Topic Author
Offline

12 years 10 months ago - 12 years 10 months ago #133643 by commander64

Replied by commander64 on topic hover over category pictures

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

Last edit: 12 years 10 months ago by commander64.

Please Log in or Create an account to join the conversation.

Mohamed Thelji
Offline

12 years 10 months ago #133718 by Mohamed Thelji

Replied by Mohamed Thelji on topic hover over category pictures

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

Code:

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+ */

The following user(s) said Thank You: commander64

Please Log in or Create an account to join the conversation.

Time to create page: 0.191 seconds