Site logo

Archived topic

Woocommerce equal height in grid view

7 replies · Started by Erik on April 1, 2019

Viewing posts 1–8 of 8

Hello, I have a CSS problem on my GP / Woocommerce site.
On desktop view, in catalog, the heigt of each product varies after how much space the product title require.
I want the height to be equal for all products so the "buy" buttons goes on one line, not floating around

This is a screen shot of how ti appears now:
screenshot

And this is how i want it to be:
screenshot

Any suggestions?

Hi there,

This has actually been added by default in the next version of GP Premium which is available for Alpha (2) testing:
https://generatepress.com/gp-premium-1-8/

We are almost into the beta phase and so far haven't had any major issues reported.

Would you consider it?

Let me know :)

Yes, I'm in Beta mode my self with this project so I give the Alfa version a try :)
Will give you a feedback in a day or two

Awesome.

Lots of sweet WooCommerce features added so definitely check them out!

Thanks for testing :)

Hi, Alpha 1.8 partly solved the problem on the product pages. I could wish that the star ranking and price also followed the buy button to the bottom of the row.

It does only solve the problem when weaving clean product sites, ii i set up a page to show a product category or part of it it still look messy as in picture 1
Take a look at: https://huspynt.no/kjokken-og-bad/
On this page I've only used this shortcode:
[products columns="4" category="Bad, Kjøkken" ]

Else seems the Alpha nice and smooth. I have however found some incompatibility with the "gutenberg" system in WP, When i switch to edit in classic mode everything seems ok

GP doesn't have control over the markup WooCommerce outputs in it's shortcode, unfortunately. You could maybe try some CSS like this?:

ul.products.columns-4 {
    display: flex;
    flex-wrap: wrap;
}

What kind of incompatibility did you find?

Thanks!

Thanks! The CSS code solved the problem!

incompatibility gutenberg:
When I write in a text block, everything looks okay while I write, but when I publish, text refraction does not work. Thus, all text on a line, mostly outside the monitor.
I do not know if this is a problem in Gutenberg or GP, but everything seems fine in classic version

Erik

Any chance you can show me a screenshot of the issue? I can't get that to happen.

This archived topic is closed to new replies.