Product list grid in index page - transition on hover

[rusiano]

Hey, I'd like to ask you about transition in product grid in index page. I added a following code in product_list.css:

ul.product_list.grid > li.hovered .product-container {
  transition: all 0.2s ease-in-out;
}

When I hover on product item animation works but when I unhover there isn't any animation. It works only when I hover element but not when I leave position of pointer.

 

I don't know why it doesn't work, as you can see my animation is ease-in-out so... any help?

[vekia]

it's because when you move mouse out, the li element doesnt have .hover class anymore

in this case it will be much better to use just :hover modifier instead of .hover class

[Maheshmohan1093]

Hi ,

 

Is it possible to have grid and list view in the home page as well? I am using Prestashop 1.6 default bootstrap theme.

I would like to have that option nearby home page tabs (can be aligned right).