Hover effect with description

[Podpora]

Hello, i want to add short description and info to hover in product_list , is it somehow possible?
Can u lead me?

Thanks

[Rolige]

Easy, edit this file:

/themes/default-bootstrap/css/product_list.css

Add this code at the end of file:

ul.product_list.grid > li.hovered .product-container .product-desc {
    display: block;
}

If you can't see the changes, clear cache from the back office and browser.

[Podpora]

 

Easy, edit this file:

/themes/default-bootstrap/css/product_list.css

Add this code at the end of file:

ul.product_list.grid > li.hovered .product-container .product-desc {
    display: block;
}

If you can't see the changes, clear cache from the back office and browser.

 

 

Sry mate, but i didnt see anything

[Podpora]

And sry, i forgot site... www.northstyle.cz

[Rolige]

Because you have a custom theme and my code was for default theme, I saw you already have added the code in the css, just need add display: none; in the rule ul.product_list.grid > li .product-container .product-desc around the line 166
 
Change this:
 

ul.product_list.grid > li .product-container .product-desc {
    margin-bottom: 6px;
}

 
To this:
 

ul.product_list.grid > li .product-container .product-desc {
    margin-bottom: 6px;
    display: none;
}

[Podpora]

Works liek charm!! Thank you COTOKO
 

Little upgrade, is there options to make a hover effect with info on product image?

[Rolige]

Is more complicated and need modify multiple files