Product grid layout box size

Dear Support,

I have a question regarding the grid box size for the products. If you see the attached two examples, we can see that the grid box for the product with the review is longer than the grid box for the product without review. Is there a way we can change the size of the grid for these products?

Attachments:

You must be logged in to view attached files.

Hello,

The box height is automatically adjusted depending on the content. If you add reviews, the bloc would be higher and if you add swatches for example it would be even higher.

There is no option to fix the height, we can fix the height with the custom CSS, however, the boxes that do not have reviews would have a gap.

Best Regards

Thanks Elise,

Will you please provide me the CSS? I will try it out, if it looks bad then I will keep the present setup.

Thanks much.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-grid-item .product-wrapper{
    min-height:375px;
}

Best Regards

Thanks Elise. Please close this thread as well.

You are welcome!

[Author]

Posts