[Resolved] WooCommerce Blocks

[Jörgen]

Hi, I´m building a site based on Prime from the site library.
It worked fine until WooCommerce Blocks https://wordpress.org/plugins/woo-gutenberg-products-block/ was updated 2 days ago. They changed how the blocks are rendered.
Question: in the block Products by Category; when I set columns to eg 4 it wraps after 3. It doesn´t happen in ohter themes I tested in.

thanks

GeneratePress 2.3.2
GP Premium 1.8.3

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[Jörgen]

I´ve added a live link to my local dev site, however I have to be online.
Otherwise if you have a test site, install GP, WooCommmerce, WooCommerce Blocks and some products. Then add the block Products by Category to a page to replicate the issue.

[Tom]

Hi there,

Any chance you can re-up your link? It isn’t working right now.

[Jörgen]

new link is up.

[David]

Hi there,

try adding this CSS:

.wc-block-grid.has-5-columns .wc-block-grid__product {
    flex: 1 0 calc(20% - 16px);
}

[Jörgen]

It solved the matter, thank you for great support.

[David]

You’re welcome

[Author]

Posts