ul products columns-3

Hi @yomamalucky8

Thank you for reaching out!

I have checked the Shop page and can see that the products are showing in 4 columns. Here is a screenshot: https://d.pr/i/jBLd5g

Could you please share a screenshot of what you are seeing on your end? If you don’t already have a screenshot service installed, we recommend using https://snipboard.io for sharing screenshots – please follow the instructions on the page, then paste the URL in your reply.

—

To change the column settings, kindly navigate to WP Admin > Appearance > Customize > WooCommerce > Product Catalog > and then you can change the value in the Products per row field to change the column settings.

Let us know if this helps!

hi! it was little mislead my sample page. now you see on same link. when I see on dev tool, yes it says column 3. so I want to change it to 4 column.
so please take a look the link once again.

the one you mentioned that you saw 4 column, it was “product by category” block from woocommerce, I could spefify number of column. this has no problem, so I deleted block to make less confuse!

and the other thing you mentioned Appearance > Customize > WooCommerce > Product Catalog >
I have no place to select or specify number of columns.

cheers

Hi there,

Thanks for getting back to us.

By default, WooCommerce allows you to change the number of columns and rows on the shop page.

You can change that by going to Appearance > Customize > WooCommerce > Product Catalog. If the option mentioned earlier doesn’t appear on your end, it shows the issue comes from the theme you are using. You can try to switch to some default theme like Storefront and see if you able to see those options. If those options appear, by switching to the default theme, you can reach out to your theme support and see if they any solution for this.

Let me know how it goes!

Best,

hi, as you suggested. I installed twenty twenty two. OH god.
and yet, product per row not showing.

HELP!

P.S.
am I sending screen shot properly?

• This reply was modified 2 years, 4 months ago by yomamalucky8.
• This reply was modified 2 years, 4 months ago by yomamalucky8.

Hi there,

Can you please try to disable all the plugins, and keep only WooCommerce enabled, and see if it shows those options?

Let me know how it goes!

Best,

right…. it was generateblocks. since I turned off generateblocks, “product per row” was turn up.
now I set it 4.
then I want to go back to generatepress and generateblock.
I will update.

hi, me again.
right, I remain number of clumn 4 with other theme, then I back to acitivate generatepress theme and generateblock. as expected, WP Admin > Appearance > Customize > WooCommerce > Product Catalog >number of row disappeared.

then again, only 3 in row displayed.
the page is;
https://studio22k-id.com/dev/shop

any clue how to resolve turn into 4 in a row?

cheers

Hi there @yomamalucky8!

I see the number of columns on your shop page is being controlled by the GeneratePress Premium plugin.

I’d suggest contacting the plugin support here: https://generatepress.com/contact/ for help regarding this issue.

Alternatively, you could force it to 4 columns using CSS. (It is not an ideal way though)

.woocommerce.archive ul.products {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}

I hope this helps!

okay, understood. thank you.

Hey @yomamalucky8

We’ll set this forum topic as resolved. If you have any further questions in the future please feel free to open a new forum topic.