Forums › Forums › Search & Filter Pro › Woocomerce Ajax Search Results Invisible
Tagged: ajax search woocomerce, WooComerce
- This topic has 16 replies, 2 voices, and was last updated 5 years, 9 months ago by Anonymous.
-
Anonymous(Private) January 19, 2019 at 5:25 pm #199423
Greetings,
I am having a hard time getting S&F Pro to work properly with woocomerce. I currently have followed the instructions as far as setting up the display, however when I turn on ajax I get results but they are not visible on the results page. When I turn off ajax, I am able to get results. The problem with this is that the screen reloads, and with ajax the results load within the results section; keeping the sidebar in place. I would like to use ajax if possible.
Can you help me fix this issue.
Thanks.
Trevor(Private) January 21, 2019 at 2:39 pm #199500It may be that the Ajax Container in our settings (on the Display results settings tab) is wrong. For WordPress, the default setting is
#main
, but for WooCommerce it is often.products
Try changing that, and if that does not work, are you able to send me a live link/URL to your search page so I can take a look?
Anonymous(Private) January 21, 2019 at 5:51 pm #199526Thanks for getting back. I tried the .results, the search didn’t populated any results even though the URL reflected the search term. So when it was #main, the results count updated but didn’t display the items. For example, it would say there are 7 items based on the search terms but you can’t see the 7 items. However you can click on them. Another weird behavior is that if you refresh the page, the 7 items will appear in the search results.
Here is a link to the page: https://shop.pixistock.com/
Another question I have is about CSS. So when there are no results, it shows the default woocommerce products not found etc page. I did manage to edit this with CSS because this particular page does not show my footer at all. When I had my full sidebar, it was stretching into the darker grey found at the very bottom of the page; causing the grey to be half the page. I hid aspects of the sidebar so that it didn’t go past Woocommerce’s preset grid area. I tried expanding it with padding and margin, however my attempts were unsuccessful. Is there a way to get the footer on the no results page or use a different page for no results? I tried adding the “<?php get_footer(); ?>” to the bottom of the “no results page” php file and it messed everything up. If you have any pointers that would be great, thanks.
-
AuthorPosts