Search erratic on Woocommerce Shop

Anonymous

#38356

Hi,

I purchased Search & Filter Pro yesterday. I am trying to configure. After following the docs, I have configured but the search & filter does not work properly in the woocomerce shop.

a. First time when I use the filter, it works. After that I cannot reset or change. I have go to a different page and return to the page to set for the next search/filter.
b. I want the filter based on the description or the taxonomy. Not on the content in the product description. Can I limit this ?

Eg. When I search for Vanilla, I get three products. One of the product “Spicy Rose Sugar” has vanilla in product description. I do not need this to be displayed.

You can check in my test site https://springg.net/shop

Anonymous

#38406

Hi,

Any update ?

Ross Moderator

#38433

Hi Kumar

Its because S&F can’t find your results container on your page, so it can’t update the results via ajax.

In S&F, under the display results tab, change your results container from #main to #product_wrapper4

This should allow JS to work.

I also notice in your nav, your pages usually end with a trailing slash:

https://springg.net/blog/

However the shop page does not have one:

https://springg.net/shop

Which is why the first time using the form ajax is not used, because this is not the full ajax url, the page is then redirected to

https://springg.net/shop/

on the first interaction.

Thanks

Anonymous

#38531

Hi,

I have updated #main to #product_wrapper4. The JS works for the first time but when I remove the filter, it does NOT reset to the previous page.

Refer : https://springg.net/shop
In the search box, enter cocoa. You can see that the products get filtered for Cocoa. But if I clear the search box, I see and empty store.

Where do I set the leading / for the shop ?I set this in the permalink, it resets back to shop with out the leading “/”

thanks

Ross Moderator

#38558

Hey Kumar

You must add the trailing / for your shop in your navigation. So when users’ click “hStore” they are taken to the correct URL.

RE the JavaScript / Ajax:

Do you notice some cool animation when accessing your shop:

https://springg.net/shop

Well, what this means is, when the page loads, all your results are hidden. Then some JS (from your theme) is run, and it animates all the products in nicely 🙂

BUT, when you use ajax, this product fade in effect is not applied. You can see the products are there, but they are just hidden with CSS/JS:

So, when the Ajax is loaded, you must display your products again, otherwise you will have to disable ajax.

To detect when S&F ajax is complete there is a function (check the first question):

https://www.designsandcode.com/wordpress-plugins/search-filter-pro/faqs/

Thanks

Anonymous

#38570

Hi,

How do I add a / to shop navigation? Can you please help me here?

Let me check on the Ajax and revert

Ross Moderator

#38594

Kumar, this is probably appearance -> menus in WP admin? I don’t know how your theme works.

If you have to end up disabling ajax because of the “invisible” issue above, then this won’t really make a difference anymore.

Thanks

[Author]

Posts