Forums › Forums › Search & Filter Pro › Search and Filter Pro Woocommerce Shop Page Form Not Working with AJAX

Tagged: , , ,

  • This topic has 12 replies, 2 voices, and was last updated 8 years ago by Anonymous.
Viewing 10 posts - 1 through 10 (of 13 total)
1 2
  • Anonymous
    (Private)  November 3, 2016 at 3:45 pm #68379

    Hi. I could really use some help. I love the plugin, and I bought PRO, but this is the first time ive used it for woocommerce shop page. My issue is – the form does not work ON the shop page itself, but does filter if youre on a category page. On shop page – the url changes and the form changes, but nothing updates.

    Category Page:
    http://dieselpowered.staging.wpengine.com/product-category/generator/30-kw/
    Shop Page:
    http://dieselpowered.staging.wpengine.com/shop/

    – Display results is set to “WooCommerce Shop”
    – All 3 ajax options are checked
    – Results Container is “.archive .products”
    – Pagination Selector is “.page-numbers a” – but does not do anything to update and does not work. Also “showing 1-50 of 140 results” text does not update.

    If I turn off “Load results using AJAX” – it works fine! What is the problem with ajax? I have no javascript errors. Please let me know how to keep ajax

    Matt

    Trevor
    (Private)  November 3, 2016 at 5:13 pm #68414
    This reply has been marked as private.
    Anonymous
    (Private)  November 3, 2016 at 5:50 pm #68424

    Thanks for the reply Trevor!

    Changing to just “.products” did help. But…

    I cannot do just “.products” because then it will not work on a single page – since there are “related products” below – which uses a wrapper container with class of “products”
    http://dieselpowered.staging.wpengine.com/shop/generator/300-kw/300-kw-1990-caterpillar-generator-3406b-with-enclosure-and-base-fuel-tank/

    Okay, I just thought of this –> maybe i can get around this by duplicating the search and filter – and setting up the second slightly different. Ah – only issue there is i get a warning from S&F saying i can only have one woocommerce shop filter:
    “Error: There are 2 Search Forms using display mode WooCommerce Shop – you may only have 1”
    What is the exact reason for this error?

    I just set it up with a second filter as described above. It seems to work okay except two things:
    1. The “showing # of #” does not update on shop page w/ ajax
    2. The breadcrumbs dont update either on shop page w/ ajax.

    Any problem the way i set it up?
    Any thoughts on these? Do you need the login?

    Thanks!

    Any other ideas?
    Yes it is a “live” site – its a staging dev site, but it is “live” out on the internet.

    Trevor
    (Private)  November 3, 2016 at 5:57 pm #68428

    DOES it work on a single page, as the AJAX settings only work (such as the results container) if you are on the shop page, otherwise it re-directs to that page first?

    Anonymous
    (Private)  November 3, 2016 at 5:59 pm #68431

    Yes, single page s&f form (s&f filter#2) redirects to the shop page correctly.
    for filter#2, I disabled ajax and disabled the reset button.

    Trevor
    (Private)  November 3, 2016 at 6:08 pm #68433

    But what is the difference between the two forms, other than that? I would have though one form would work OK. You can leave Ajax enabled on the single product page, with the check box to disable except for results page set so that it won’t work on the single product page?

    Anonymous
    (Private)  November 3, 2016 at 6:11 pm #68435

    From my first reply (#68424) – I must not have “results container” as “.products” on single page because then it sorts the “Featured Products” below, i guess because the s&f js sees the “.products” container and thinks “hey I found “.products” – were on the results page, no need to redirect”.
    Thats why i made the selector “.archive .products” from the start. But that does not work for whatever reason.
    Make sense?

    Trevor
    (Private)  November 3, 2016 at 6:13 pm #68439

    Yes.

    Does what you have work at the moment?

    Anonymous
    (Private)  November 3, 2016 at 6:22 pm #68443

    Yes.Did you see my reply above? (#68424) :

    It works EXCEPT:
    1. The “showing # of #” does not update on shop page w/ ajax form
    2. The breadcrumbs dont update on shop page w/ ajax form.

    Maybe my only option is disabling the ajax(?)

    Matt

    Trevor
    (Private)  November 3, 2016 at 6:56 pm #68461
    This reply has been marked as private.
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 13 total)
1 2