Filters not displaying on mobile

  • Hello! I have successfully implemented product filters on our webshop, very happy with the feature in general. However, they do not appear on mobile. Our theme uses the same sidebar on desktop and mobile. When switching to mobile, all of the filters disappear. 50% of our users are on mobile so this is very unfortunate.

    What can I do to fix this? Again, it is the same sidebar that is being used on mobile and desktop, and only the non-AJAX Product Filters widgets are showing on mobile (a search bar)

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author RazyRx

    (@razyrx)

    Hello,

    Theme duplicate all widgets for mobile and desktop, that cause this issue.
    Plugin remove any duplicates on page load.

    Regards,
    Oleg

    Thread Starter camillanoergaard

    (@camillanoergaard)

    Hi Oleg,

    Thanks for your prompt reply. However, I’m not really sure what to do here. I think I understand that the theme is causing this issue by duplicating the widgets for mobile and desktop. But I do not understand how to fix this. Do you have any suggestions for how to fix this issue? The filters/widgets are only inserted once, so they are not duplicated from my side.

    I did find on this page that I could create groups rather than inserting single filters. So I’ve created a group to only display on desktop and one to only display on mobile and tablet, and am using those groups in the shop sidebar instead. But I’m still having the same issue.

    https://allevin.dk/shop/

    Thanks in advance!

    Plugin Author RazyRx

    (@razyrx)

    Hello,

    Unfortunately we do not have any good solution for this issue.
    You can try to add this JavaScript code on page load

    bapf_custom_remove_same_filters_to_prevent_errors = function() { return false; }
if ( typeof(berocket_add_filter) == 'function' ) {
    berocket_add_filter('remove_same_filters_to_prevent_errors', bapf_custom_remove_same_filters_to_prevent_errors );
} else {
    jQuery(document).on('berocket_hooks_ready', function() {
        berocket_add_filter('remove_same_filters_to_prevent_errors', bapf_custom_remove_same_filters_to_prevent_errors );
    });
}

    Regards,
    Oleg

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Filters not displaying on mobile’ is closed to new replies.