Grid product same height for all products

[Fred42660]

Hi everybody,

I have an issue, my grid product do not look all the same, the height are differents. That do not look nice.

Anyone one know which file i need to modify to get same height on all the product. see attached picture for illustration.

Thank you!

 

 

Edited February 1, 2021 by Fred42660 (see edit history)

[Rolige]

Hi,

You need set a fixed height for the product name and set the property "overflow: hidden;"

 

Regards!

[Fred42660]

Hi, thanks for the answer, see below what i modified before :

 

1. /themes/default-bootstrap/js/global.js, line 183, modify:

function blockHover(status)
{
    var screenLg = $('body').find('.container').width() == 1170;
    ...

by

function blockHover(status)
{
    $('.product_list .button-container').show();
    return;

    var screenLg = $('body').find('.container').width() == 1170;
    ...

 

 

2. /themes/default-bootstrap/css/product_list.css, line 204, modify:

    ul.product_list.grid > li .product-container .content_price {
      padding-bottom: 2px;
      line-height: 21px;
      }

by

    ul.product_list.grid > li .product-container .content_price {
      padding-bottom: 2px;
      line-height: 21px;
      height: 60px;
      }

but the height change with the different products of my shop.

Do you know which file i need to modify and do you have the path.

Thank you for your help.

Regards

 

 

Edited February 1, 2021 by Fred42660 (see edit history)