Search & filter in sticky sidebar of woocommerce page issue

Anonymous

#264497

Hello,

I have integrated my search & filter inside a sidebar on the woocommerce catalog page.

I have set it to be sticky according to my theme avada.

I also load my catalog using ajax and infinite scroll

The sidebar is sticky but when I scroll down to the end of the item, more items start to load and from there, the sidebar disappear and is not more sticky !!!

How could this be resolved?

Thanks for your help,
Best

Trevor

#264511

Are you able to send me a live link/URL to your search page so I can take a look?

If this appears to be a theme issue, then I will let you know and try to help, but please understand that the scope of our technical support is limited.

What method of pagination are you using, for example, are you using infinite scroll? If so, does the problem happen if you use standard pagination?

What happens if you disable Ajax in our form?

Make sure that the Ajax Container in the form is correct for WooCommerce (it is often .products in WooCommerce, and not the WordPress default of #main).

Anonymous

#264678

This reply has been marked as private.

Trevor

#264775

I can see the issue. It is because your theme is using JavaScript to calculate the sidebar position etc. Try adding this code, but I think you may need to wrap it in a media rule to stop it applying to mobile:

#main .sidebar.fusion-sticky-sidebar .fusion-sidebar-inner-content.fusion-sidebar-stuck {
    position: fixed !important;
    top: 85px !important;
    overflow-y: scroll;
    height: calc(100vh - 85px);
}

Anonymous

#264820

This reply has been marked as private.

Trevor

#264822

Thanks for letting me know. I will close this thread for now.

[Author]

Posts