Product display on Grid

Good day,

We are using the Grid product display and we see that we can set the Product title lines limit
to one line / two lines or no limits.
the problem we face is that once set on one line part of products title are hidden, set on two lines or no limit it create uneven gaps and the checkout buttons are not aligned.

Is there a way (custom code included) to set dedicated Title area dimension so no matter what option is chosen (1line/2lines) all product title are contained within the same area and all checkout buttons are aligned horizontally?

I hope my question is clear enough.

Hello,

The only way is to fix the height of the product title and it would look like this: https://gyazo.com/a3e1e94b1e343c38f1470ed5648257b1

You see the shorter title has a gap, however, it does not spoil the view.

If you accept that, please add this code to the Theme Settings > Custom CSS > Global:

body .title-line-two .product-grid-item .product-title {
    min-height: 40px;
}

Best Regards

Awesome !!!

this is exactly what we were seeking.

We are always happy to help you, write to us when you have any difficulties or issues with our theme.

We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

Thank you in advance

will definitely rate you 5stars

Hello,

Thank you very much! We appreciate it highly!

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts