Off Canvas Filter & Ajax Layered Nav

  • Resolved whipsterloaded

    (@whipsterloaded)


    6 years, 7 months ago

    I’m using the off canvas filter quite heavily on our soon to be ecommerce site. Right now I’m only using the standard layered nav widget for woocommerce. Currently, when a user selects a filter the canvas closes due to page refresh to show the filters applied.

    Do you think that if I used the ajax-enabled layered nav widget that woocommerce offers, would the canvas stay open until the user is done selecting their filters? In theory it should stay open right? This is ultimately what I’m after, so that the user doesn’t have to keep opening the canvas to continue filtering…

    It would be the best to open the canvas, select a bunch of filters, then hit ‘apply’ and the canvas closes to show the newly filtered results.

    What do you think? Will the canvas stay open if I use the ajax layered nav plugin?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author oceanwp

    (@oceanwp)

    Hello, I have never used this plugin so I don’t know but if it is ajax yes, it will probably work, if the off canvas filter is not closed when you click the filter, send me a message, I will check how to do.

    Thread Starter whipsterloaded

    (@whipsterloaded)

    Okay great news is the plugin works great with the off-canvas filter. I open the canvas, select my filters, then just click off the canvas and it closes – exactly what I wanted, the products update with Ajax accordingly.

    One thing that is odd is that when filtering, if an attribute reaches zero count – it is supposed to hide – one of the settings in the widget. It does hide, but it leaves a gap where the attribute was – the div maintains “display:block”; in-line. I told woocommerce it should change to “display:none”. All it’s doing is removing the ‘a’ tag from the div.

    I asked woocommerce just recently about it and they say it is weird, but that they can’t replicate it on their end/their theme etc…

    Take it for a test here and see what I mean – I wonder if you have any thoughts…

    https://staging1.sentinelsolar.com/products/inverters/?filter_inverter-type=inverter-charger

    Theme Author oceanwp

    (@oceanwp)

    Hello, I just checked, indeed, it is weird that the div is present when there are no links, the problem is that the div has no special class so it is not possible to remove it with css, and if I remove the padding, it will look very weird, you need to ask to the plugin author if they can at least add a class when there are no links so it will be easy to hide it with css code.

    Thread Starter whipsterloaded

    (@whipsterloaded)

    Thanks for checking. I agree they should have a class for this, odd that it is inline. One thing I noticed though – when the filter is active and those blank spaces are there, if you refresh the page and reopen the canvas, the spaces are gone…

    I’ll see what they say and report back.

    Theme Author oceanwp

    (@oceanwp)

    It is probably an Ajax issue, the div should be hidden with css when the filters are not there.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Off Canvas Filter & Ajax Layered Nav’ is closed to new replies.

Tags