Hi. My shop page does not show equal number of products on each row. I have four per row, but after two rows with four products, two rows with only one product on each, suddenly appears. How come? I tried several CSS’s from other threads. Thanks in advance!
Shop page does not show equal number of products on each row
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Sanne
Thanks for reaching out.
It would probably be best to open a support thread with your theme author regarding the shop page product alignment and products per row.
Hi. I could not answer the thread – it was a support thread that I've made,
right? Or what do you mean exactly?
I have some more details if it helps: the last item loads a second or two after all the other products on the grid. And in the HTML, it says it is showing 1-9 out of 10 results. Here is a picture of how it looks on the last two rows and the HTML: https://d.pr/i/P5ur55
Do you have any idea about what the problem is? :)
Hi Sanne
Thanks for your reply.
You have answered the thread. You can view it here on the forum Thread: Shop page does not show equal number of products on each row.
If possible, please, send a link to the page concerned and we’ll take a look.
Thanks again.
Andrew
Yes, I could not answer directly in the thread. It is closed for comments for some reason.
https://juhljewellery.com/product-category/earrings/
Thank you :)
Den tor. 4. nov. 2021 kl. 19.58 skrev Andrew Misplon <[email protected]
Thanks for the URL. Are you logged into the same account you posted the question with?
It looks like Infinite Scroll is enabled. Do you perhaps know which plugin is adding Infinite Scroll? Perhaps Jetpack?
It should be the same, yes.
No, I have no idea. I did not knew that I had that. I have the plugin
Jetpack though..
Den tor. 4. nov. 2021 kl. 20.10 skrev Andrew Misplon <[email protected]
You can check to see if Jetpack Infinite Scroll is enabled. Go to JetpackSettings, search for Infinite Scroll.
It looks like this:
[image: image.png]
Do I need to change this?
I just don't understand how that has anything to do with the rows not showing products correctly?
Den tor. 4. nov. 2021 kl. 20.26 skrev Andrew Misplon <[email protected]
Yes, you should change the Jetpack Infinite Scroll setting to the first option, use theme navigation.
Infinite Scroll loads products in blocks/groups. The loading is happening so fast you can’t see it. If you’d like to use infinite scroll then it would make sense to change your products per page to a multiple of 4.
https://imgur.com/a/RzsgmdE
I see! It seems to work the way it should now, so that's just great. Thanks a lot!
I’m glad we could assist. All the best with your website :)
Thank you so much. It was a big help!!