Archived topic

WooCommerce Blocks

7 replies · Started by Jörgen on June 28, 2019

Viewing posts 1–8 of 8

June 28, 2019 at 10:19 am #944072

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

June 28, 2019 at 12:16 pm #944140

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 :)

June 29, 2019 at 5:00 am #944495

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.

June 29, 2019 at 8:53 am #944703

Hi there,

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

June 30, 2019 at 8:29 am #945360

new link is up.

June 30, 2019 at 9:14 am #945374

Hi there,

try adding this CSS:

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

June 30, 2019 at 10:06 am #945410

It solved the matter, thank you for great support.

June 30, 2019 at 10:23 am #945424

You're welcome

This archived topic is closed to new replies.

Start building better websites today.