In this example:
Ajax Load More will filter multiple instances by different content types and parameters.

Filtering by multiple instances requires each individual instance to have a unique id shortcode parameter. This unique id must then be referenced as a data-target='{unique_id}’ attribute in the filter navigation.

Note: Multiple filters is not supported with the Filters add-on.



      HTML

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

      Note: When filtering multiple instances your Ajax Load More ID must start with a letter – filtering will fail when IDs begin with an integer. e.g. id=’d92716152′


      JavaScript

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

      The following shortcode was used to create the Multiple Filters example.

      Filter #1

      [ajax_load_more id="filter-1" repeater="template_41" post_type="portfolio" scroll="false" posts_per_page="3" button_label="More Work" css_classes="plain-list"]

      Filter #2

      [ajax_load_more id="filter-2" repeater="template_41" post_type="page" orderby="menu_order" custom_args="post_parent:1926" post_in="" scroll="false" posts_per_page="3" button_label="Load More Examples" css_classes="plain-list"]

      Note: When filtering multiple instances your Ajax Load More ID must start with a letter – filtering will fail when IDs begin with an integer. e.g. id=’f92716152′