Forums › Forums › Search & Filter Pro › Multiple problems: infinite scroll, AJAX, posts disappearing

Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Anonymous
    (Private)  February 8, 2020 at 8:27 pm #233461

    Hi there, just installed your plugin. I’m having some problems though:

    • First of, when I filter my results, it only works once. So if I filtered a certain category and then want to filter another one, it doesn’t work anymore. If I deactivate the AJAX option it does work, but I want to use infinite scroll, so this is not a solution for me.
    • I activated Infinite Scroll, but not even the loader appears. I’m using the Baskerville theme and have always had trouble with integrating infinite scroll functionalities within the theme. I really hoped that this plugin would help overcome these issues.
    • I’ve noticed that not all my posts are appearing when using the filters, so some posts are just straight up gone. They do however appear in the “All”-category.
    • Not an issue, but a question: is there a way to hide the radio buttons and just filter upon clicking a category. Like on this website: https://www.bbdo.be/articles

    My website is: https://anneleenvaes.be/

    Anonymous
    (Private)  February 9, 2020 at 8:50 pm #233473

    Okay, an update: managed to fix the third issue: no more disappearing posts! The other problems do still occur though.

    Trevor
    (Private)  February 10, 2020 at 12:13 pm #233501

    I think that the Ajax Container will need changing to .posts

    Se how many of the issues that fixes, and then, yes, using custom CSS, you can hide the radio buttons, using Custom CSS like this (please try this):

    #search-filter-form-532 .sf-field-category input {
  display: none;
}
#search-filter-form-532 .sf-field-category label {
  text-align: center;
  line-height: 1.4em;
  border: 1px solid #666;
  border-radius: 3px;
  padding: 3px !important;
  text-indent: 0;
}
#search-filter-form-532 .sf-field-category label:hover {
  cursor: pointer;
}
#search-filter-form-532 .sf-field-category > ul > li {
  display: inline-block;
  margin-left: 5px;
}
#search-filter-form-532 .sf-field-category > ul {
  margin-left: -5px;
}
#search-filter-form-532 .sf-field-category > ul > li.sf-option-active label {
  background-color: #ccc;
}

    Do play with this, as this creates a series of ‘buttons’.

    Anonymous
    (Private)  February 10, 2020 at 1:50 pm #233528

    Thanks for your reply. I changed the ajax container to .posts and now the plugin is working better, but not optimal:

    • When I filter my results, it keeps working. However, it filters too agressively. So a lot of posts are not showing up when they should, cause they belong to a certain category.
    • The infinite scroll is working, but the design looks weird: posts from the second page are all being displayed underneath eachother with no spacing and the footer is on top of these posts.
    • Is there also a way to have to infinite scroll work on the homepage itself (so essentially on the All posts selector)?

    Thanks for your help! Going to have a look at how to remove the radio buttons later today.

    Trevor
    (Private)  February 11, 2020 at 11:10 am #233621
    This reply has been marked as private.
    Anonymous
    (Private)  February 11, 2020 at 12:07 pm #233638
    This reply has been marked as private.
    Trevor
    (Private)  February 11, 2020 at 12:13 pm #233640
    This reply has been marked as private.
    Anonymous
    (Private)  February 11, 2020 at 12:15 pm #233644
    This reply has been marked as private.
    Trevor
    (Private)  February 11, 2020 at 2:15 pm #233666
    This reply has been marked as private.
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)