Forums › Forums › Search & Filter Pro › Reset button not working on desktop but is working on mobile

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Anonymous
    (Private)  May 26, 2020 at 6:19 pm #245957

    Hi,

    We are using the WooCommerce Shop method and the filters are working perfectly, we are using 4 different taxonomies in order to create a nice filter system for our users. These are set as radio buttons.

    However the reset button is working is not working on desktop when we press reset it doesn’t revert the filters at all.

    On the other hand mobile is fine the reset button works as it should – this is strange as they are both using the same widget with the same set up.

    Please could you provide some guidance on this issue for us.

    I have provided a link to the shop in a secure note.

    Many thanks
    Kyle

    Anonymous
    (Private)  May 26, 2020 at 6:19 pm #245958
    This reply has been marked as private.
    Trevor
    (Private)  May 27, 2020 at 10:31 am #246029

    Looking at the source HTML for the page, it looks like the same form is being placed on the page 3 times. Is this correct?

    This will be the issue. A form can only appear on the page once, otherwise the different instances will conflict with each other. It is possible that they are placed for different screen widths and are hidden using CSS).

    The ability to have more than one instance of a form on the page may well arrive in V3, due in a few weeks.

    Anonymous
    (Private)  May 27, 2020 at 11:15 am #246047

    Hi,

    Thank you for your response, We do have 2 of the same form on one page this is certainly to cater for different screen sizes.

    We have one on desktop which is aligned to the left sidebar and we have another which arrives via an off canvas for mobile.

    What would you recommend to overcome this issue? We really need to keep the current function.

    Many thanks
    Kyle

    Trevor
    (Private)  May 27, 2020 at 11:29 am #246050

    At the moment, it must be just the one form on the page, sorry. Temporarily remove the mobile one and see if the reset then works. Also, what happens if you disable Ajax when both forms are still on the page?

    Anonymous
    (Private)  May 27, 2020 at 1:16 pm #246095
    This reply has been marked as private.
    Trevor
    (Private)  May 28, 2020 at 12:11 pm #246293

    If you are using this option:

    https://www.screencast.com/t/Jen8lAhDkPXT

    Then, indeed, the reset button may not do as you want. You may need to remove that from the form and create a fake reset which is actually just a link back to the page it is on. This may require some PHP to create the link dynamically. Of course, if you you are on a taxonomy page, you may also want a link back to the shop page, as reloading the page will likely cause the taxonomy to auto detect and stay selected.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)