[Resolved] Is possible a regular grid to Woocommerce products?

[rtomc]

Hy,

On the products page, with Generate Press, the size of the box that host each product depends on the number of lines of the title of the product in qüestion.

When a product has a title with two lines, then the box is larger and it appears “irregular”.

Do you know how I can to get that the products grid of the products page appears regular even though the titles of products have diferents number of lines?

Thanks !

RMR

[Leo]

Hi there,

Can you give David’s CSS a shot here?
https://generatepress.com/forums/topic/align-add-to-cart-button-woocommerce/#post-348816

Let me know.

[rtomc]

Hy,

Thanks !

Is going better but not completly…
It works ok when the products have not badges as for exemple here (staging): https://staging13.productosdepeluqueria.info/categoria-producto/accesorios-de-peluqueria/desechables/

But it do not works correctly af all when the products have badges as for exemple here (always staging):
https://staging13.productosdepeluqueria.info/

Well I am not sure that badges be the cause…

Someone had benn resolved a similar case?

Thanks

RMR

[David]

The sales badges force a line break between them and the image which is causing the problem. You can try adding this additional CSS to remove them:

.inside-wc-product-image br {
    display: none;
}

You may need to make the code more explicit and target just the products will the Sale class but give it a go and see if it works.

[rtomc]

Thanks David,

I test yor code at staging and it works, but in real there is one product that resists the code 🙁

Can you see it here: https://productosdepeluqueria.info/

I edited it again looking for a reason, but I did not find anything 🙁

Any other suggestion?

RMR

[Leo]

Which one? They all look good to me?

[rtomc]

Ops !

I share you an image :9

https://s26.postimg.org/9h8f6e10p/2017-09-08_190841.jpg

Thanks !

RMR

[David]

The code is actually working.
The problem with this single product is the image size. All of your other images are square W:300px x H:300px this one is not proportional. W:273px x H:300px. Woo will scale it to fit which is creating a taller image than the others.

[rtomc]

Thanks David,

I attend your answer and I will review the size of images.

Thanks a lot !

RMR

[Author]

Posts