In this example:
A custom navigation menu will filter Ajax Load More between recent work and recent articles.

By utilizing Ajax Load More public and callback JavaScript functions you can create an intuitive filtering engine that adjusts shortcode parameters with the click of a button.


    HTML

    Filtering is achieved by passing updated shortcode parameters as data attributes to the $.fn.almFilter() function.

    Note: Shortcode parameters with underscores must be converted to dashes while using data attribute binding. e.g. post_type will be data-post-type.


    JavaScript

    The following code snippet should copied and placed inside your website JavaScript file.

     

    The following shortcode was used to create the Filtering example.

    [ajax_load_more repeater="template_8post_type="portfolio" scroll="false" posts_per_page="3" button_label="Load More Work"]