Woocommerce product display grid layout error

  • Hi, I don’t know if this is a Bento or a Woocommerce issue but hoping you can help. As you can see on this page the products are showing in a 3 column grid. There are 3 rows of 3, and the 4th row has one product only, yet it shows that there is a second page. When you click to go to page 2, there is only 1 product on the 2nd page. Why does that last product not sit alongside the last product on page 1? It makes no sense.

    A clue might be in that when you are in live editor, this page shows in 4 columns and does not show a page 2. I have no idea what’s going on! I have built several Bento sites but this is my very first woo commerce one!

    Can you shed any light?
    Many thanks
    Tracy

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • I’m wondering if this is something to do with a limit to the number of posts shown per page? I don’t know, but that is a WordPress setting, and relates to things like blog posts shown on archive pages. The default number of items shown is 10, and I notice that the number of items shown on your site is 10. I wouldn’t have thought the setting affected WooCommerce, but worth experimenting?

    Settings menu>Reading>Blog pages show at most.

    Thread Starter charl1eapple

    (@charl1eapple)

    That works! Changed it to 50 and now all 12 are on the same page. Thank you for that! While I’m on this topic though, if you go to the shop https://laborjee.co.uk/shop/ – you can see that on this page it’s displaying 3 across but not using up the whole page, it’s as if the 4th column should be there but is just empty! Why isn’t this showing the same as the page I linked to /slabs. Very strange. Thank you for your help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Woocommerce product display grid layout error’ is closed to new replies.