Hide empty terms – not work

Trevor

#248774

This reply has been marked as private.

Ross Moderator

#248862

Hi Claudio

I’ve had a look and I think I see the issue.

The Javascript error is because you have chosedn to use Ajax pagination, however, the settings weren’t correct.

A couple of things:

1) It looks like you have a custom theme – and S&F doesn’t provide the pagination, it is expected there is some in place, so you need to add regular WP pagiation to your shop – you can use this function:
https://developer.wordpress.org/reference/functions/paginate_links/
2) I saw you try out infinite scroll, I changed the settings so box_prodotto becomes .box_prodotto, and I removed the infinite scroll container option, it seems to be working?
3) You have bad markup on the site – I see an opening <div id="main"> but futher down, I see a closing </main> when I think it should be </div> (I didn’t see an opening <main> anyway) – I’m not sure this is having a knock on effect or not, but perhaps its why setting #main as teh infinite scroll container is not working properly.

Let me know how you get on.

Thanks

Ross Moderator

#248866

Hi Claudio

Actually I see, the woocommmerce pagination just fine, but it’s hidden by some custom CSS? I see this when I view source of your page:

<style id='woocommerce-layout-inline-css' type='text/css'>

	.infinite-scroll .woocommerce-pagination {
		display: none;
	}
</style>

Thanks

Anonymous

#248926

Hi Ross,

thanks for your debugging.
I understood the mistakes I made, I fixed it according to your instructions and now everything works correctly. I have to find that main shutdown you indicated to me. But the rest works properly.

I consider this issue closed

Ross Moderator

#248932

Great stuff, thanks for the update 🙂

[Author]

Posts