Forums › Forums › Search & Filter Pro › Off Canvas not working

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Anonymous
    (Private)  November 27, 2020 at 9:33 am #268020

    Hi
    I have a new site that I am working on and I am trying to replicate parts of my existing one.

    I am having a similar issue to here: https://support.searchandfilter.com/forums/topic/fields-shortened-in-off-canvas-side-bar/

    on my http://www.truckpages.co.uk site the s&f filter works perfectly in the sidebar side bar. In the new development site this is not the case (the drop downs appear to be hidden behind the form, yet I seem to have done nothing different to the original truck site).

    The dev site is dev.farmmachinerypages.co.uk When viewed in mobile an ‘amend search’ trigger button will appear and call the off-canvas:
    https://dev.farmmachinerypages.co.uk/farm-machinery/for-sale/make-types/case-ih-tractors/

    Here you can see it working on the truck site: https://www.truckpages.co.uk/trucks/for-sale/daf/

    I have spent hours removing all custom css, editing it, turning forms on and off and changing php template files. No luck.

    I’m sure I’ve done something odd but I just can’t see it?

    Thanks

    Trevor
    (Private)  November 27, 2020 at 10:20 am #268024

    The following may be the issue.

    This will change with V3 (due in a month or two), but, for now, when referring to the results page, having a cloned/duplicated form (having more than one instance of the same form), or multiple different forms, will potentially be an issue, as doing this can mean that they don’t work together and often will conflict with each other. Just be aware that this is possible (likely), so if you have problems with the results not working, that might be why. Normally, we suggest only one form instance on the results page.

    You CAN have more than one form on any page other than the results page.

    Anonymous
    (Private)  November 27, 2020 at 10:37 am #268029

    I have removed the search filter from the sidebar of this page and the off-canvas is still not working? I have no caching or minifying system on this dev site yet.

    Interesting that it works on the truck site perfectly though?

    When the site is in mobile view, the other, desktop, form is hidden – does this not make any difference?

    Trevor
    (Private)  November 27, 2020 at 10:48 am #268031

    Whether the form is hidden or not, it is on the page and in the HTML, thus the JavaScript that we use to run the form will attach to one form and not the other.

    Check in the browser web development tools console to see if there are any errors there (in red)? As far as I can see, there is not.

    I can see that both sites have the no-js class added to the html tag at the start of the page:

    <html lang="en-GB" class="no-js ocs-initialized"><head>

    Which is not a good sign (normally, as JavaScript initialises on a page, it changes no-js to js, as it does on our demo form page).

    One issue we have with other off canvas functions (but not with the one you are using), is that the form is added ONLY after the button is clicked to open the off canvas area, but that is not the case with your site, as the form is there in the source HTML before the page loads.

    Can you try to disable as many plugins as possible to test? I feel this is a JavaScript issue.

    Anonymous
    (Private)  November 27, 2020 at 12:54 pm #268055

    I have disabled all plugins and removed S&F from the sidebar. Still not showing the dropdowns etc as it should. Very confused. What was the solution for the other guy who had this problem? – all the responses were market private?

    Trevor
    (Private)  November 30, 2020 at 1:01 pm #268184
    This reply has been marked as private.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)