Forums › Forums › Search & Filter Pro › How To Use AJAX With Beaver Builder Posts Module

Tagged: 

Viewing 10 posts - 1 through 10 (of 11 total)
1 2
  • Anonymous
    (Private)  August 3, 2018 at 1:06 am #184494

    Hi,

    You have to target the posts module classes to make it work with Ajax.
    For BB Posts module, in the “Display Results” tab of SF form:

    • Ajax Container: .fl-module-post-grid
    • Pagination selector: .fl-builder-pagination a

    Hope it works for you.

    Anonymous
    (Private)  August 10, 2018 at 3:31 pm #185154

    You’re welcome 😉

    Anonymous
    (Private)  August 14, 2018 at 7:49 pm #185582

    Thank you so much Avanti. I am confused how to display the ajax grid on the same page as the filter. Do I just use the custom display method and use those target classes then drop a Beaver Builder posts module below the shortcode on the page to get ajax to work?

    If that is not correct would you be able to provide the steps to get it to work with Beaver Builder?

    Anonymous
    (Private)  August 14, 2018 at 8:44 pm #185587

    Hi,

    Assuming you want the S&F filter on a CPT archive (portfolio for instance), put the S&F shortcode [searchandfilter id=”16099″] and a BB Posts module on the archive layout.
    The Posts module has to be set to main query i think.
    I guess you use Beaver Themer to customize the archive layout?
    Or another method?

    Take care to only have one Posts module on the page, multiple can trigger issues with S&F.

    In Admin > S&F > “Display Results” tab, set the filter to “Post Type Archive”, Ajax ON, Ajax container to .fl-module-post-grid and Pagination selector to .fl-builder-pagination a.
    If you use another Posts module, as PowerPack, you must adapt the classes.

    This should make the things work.

    Anonymous
    (Private)  August 15, 2018 at 9:33 pm #185706
    This reply has been marked as private.
    Trevor
    (Private)  August 16, 2018 at 11:53 am #185735
    This reply has been marked as private.
    Anonymous
    (Private)  August 16, 2018 at 8:49 pm #185829
    This reply has been marked as private.
    Trevor
    (Private)  August 17, 2018 at 11:09 am #185848
    This reply has been marked as private.
    Anonymous
    (Private)  August 17, 2018 at 7:11 pm #185913
    This reply has been marked as private.
    Trevor
    (Private)  August 17, 2018 at 7:56 pm #185915

    Ok

    Great to speak with you Curran. So, for now you are going to re-organise the taxonomies and switch from using the Power Pack element to the standard Post grid element. Be wary of having multiple Includes in that settings tab, as we discussed.

    I will wait to hear from you.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 11 total)
1 2