Integrate displaying Product-Subcategories within “Products per Page” Setting

Hey there @decalvibes ??

From what I understand, you’d prefer having 4 subcategories, instead of 3. Yet, when there are 4 subcategories set up, white spaces appear where you’d expect products to be shown. With 3, though, there is balance in the universe.

In order to investigate further, could you please share a copy of your site’s System Status? You can find it via WooCommerce > Status. Select Get system report and then Copy for support.?

Additionally, could you also provide us with the fatal error logs (if any) under WooCommerce > Status > Logs.

Once you’ve copied each, you can use https://pastebin.com/ for pasting it there and sharing it with us.

Looking forward to hearing from you!

Hi @anastas10s

thank you for your quick reply!
This issue is quite difficult to describe ??

Below you can find a screenshot of the issue (desktop-version):

System-Status report:
https://pastebin.com/QnacRL5K (How to forward password to you?)

FYI: At mobile version (2-columns product grid) in some cases there is also a white space at the end of a page, but this will be automatically filled up with a product as soon as reaching the endless scroll area.

I checked the js console when scrolling down to the endless-scroll area. There occurs a error:

VM425:1 Uncaught DOMException: Failed to execute 'querySelectorAll' on 'Document': '# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner,# .blog-entry-inner' is not a valid selector.
    at new r (<anonymous>:1:24268)
    at l.<anonymous> (<anonymous>:1:3218)
    at e.emitEvent (<anonymous>:11:2113)
    at l.complete (<anonymous>:51:2735)
    at l.progress (<anonymous>:51:2549)
    at <anonymous>:51:2193

Example page is: https://www.decalvibes.de/damen-unterteile/
Please let me know if you need any further informations.

I am looking forward to hearing from you soon.
Many thanks for your efforts!
Alex

Hello @decalvibes,

System-Status report:
https://pastebin.com/QnacRL5K (How to forward password to you?)

I’m afraid there isn’t an option to send us the password in the forums, but you can remove any sensitive information and make the link public. ??

Look forward to hearing back from you.

Hi @babylon1999

alright, you can find the link below:
https://pastebin.com/41ZRAqu1

Thank you for your efforts in advance!
Br, Alex

Hey @decalvibes ??

From the System Status Report:

### Theme ###
 
Name: OceanWP Child Theme

+

Elementor: von Elementor.com – 3.8.0-dev4
Essential Addons for Elementor: von WPDeveloper – 5.3.2

Could you please switch the site’s active theme to Storefront, deactivate Elementor, and see if the issue persists?

Let us know how that goes!

Hi @anastas10s

thank you so much for your quick response!
I can confirm that this issue depends on the OceanWP Theme. It’s the endless scroll option of OceanWp within the Customizer

I set it to “Standard” and activated a third party plugin for Infinite Scroll. Now the white gaps are filled with products when reaching the endless scroll area.

Update: Tested some third party infinite scroll plugins right now. It seems that with many others the same issue occurs. Just with YITH Infinite Scrolling, everything is fine!

Thank you so much for your efforts and quick support!
Proud to use your shop-system!
Br, Alex

Hello,

Glad to hear that you figured this out. This is optional, if you have a few minutes, we’d love it if you could share your experience with the community by leaving a review.

Best.