Product filter on shop page

[micheal_w]

Hi guys,

since the last update the AJAX product filter on Woocommerce shop pages stopped working correctly. Please check the link above and click on one of the filter on the left side. In a second all product pictures will disappear however if you move your mouse to the white space where the products were, you will be able to click on “nothing” – so the products are there but nothing can be seen.

I tested 3 different ajax product filter plugin (woocommerce, yith and the one I have now) and the same issue exists with all so I assume your theme causes the problem (and as I have mentioned, it worked before updating to 1.2.6).

If you could help to solve this that would be much appreciated.
Thanks!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.product-grid .product {
    opacity: 1 !important;
}

Thanks
Mohammad

[micheal_w]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
My colleague will assist you now.
Thanks
Mohammad

[micheal_w]

Thanks!

[Mohammad – SUPPORT]

Hi,
Please wait for my colleague’s reply.
Thanks
Mohammad

[micheal_w]

Hi Mohammad, any update on this please?
Thanks!

[Rui Guerreiro – SUPPORT]

Hi,

Apologize for the delay. Didn’t realised that it was assigned to me.
Will check it.

-Rui

[Rui Guerreiro – SUPPORT]

I will need admin access to have a look.
Use the private reply.

Thanks

-Rui

[micheal_w]

This reply has been marked as private.

[David Martin – Support]

Hi,

I am sure theme compatibility was added for https://woocommerce.com/products/ajax-layered-navigation/.

Let me double check this with Ed(lead dev).

Thanks,
David.

[micheal_w]

Hi David,

Yes, he has done something as the Ajax nav was not even displayed on the sidebar correctly.

Thank you for checking it, can’t wait to see a solution…

[David Martin – Support]

It does not look like you’re using the plugin Ajax Layered Navigation though?

– David.

[micheal_w]

Hi David,

As I have mentioned initially, I tested 3 different ajax product filter plugin (woocommerce, yith a third one) because I wanted to avoid to contact you again… By testing all ajax product filter plugins, all three have the same 2 problems:

1.while loading the page the pictures go underneath each other and then jumps to their right place
2. when applying any of the filter, the products go underneath again

Now, I have re-activated the Woocommerce Ajax Layered Navigation plugin to avoid any further confusion, please check.
Thanks!

[David Martin – Support]

Great, thanks. Can you test this:

.woocommerce ul.products li.product {
    clear: none;
}