That’s all working. Great. Thanks!

Now I’d like to try to make it work with Ajax. All my settings are the same as above except I’ve selected the Authors post type and unselected Posts.

When I select Load results using Ajax, then the filter doesn’t work.

I’m doing all this on a page with the following content:

[searchandfilter id="154"]

[searchandfilter id="154" show="results"]

And this page uses this custom template, which queries the db to get category names, then within each category queries to get posts. FYI each post can only have one category. Otherwise I’m aware that a given post could show up more than once on the page.:

<?php
/* template name: Authors Page */
 ?>
<?php get_header(); ?>
 <div id="layout" class="pagewidth clearfix">
     <div id="content" class="authors-page clearfix">
    <?php
    //echo do_shortcode('[searchandfilter id="154"]');
    // get all the categories from the database
    $cats = get_categories(); 
	// loop through the categries
	foreach ($cats as $cat) 
		{
		// setup the cateogory ID
		$cat_id= $cat->term_id;            // create a custom wordpress query
		$args = array('post_type' => 'authors', 'cat' => $cat_id, 'meta_key' => 'author_last_name', 'orderby' => 'meta_value', 'order' => 'asc');
		$args['search_filter_id'] = 154;
		$query = new WP_Query($args);
		$count = $query->found_posts;
		if($count > 0) //fix this to test if there are any results (numrows > 0)
			{
			// Make a header for the cateogry
			echo "<h2 class=\"category-name background\" style=\"clear:both\"><span>".$cat->name."</span></h2>";
			}
?>
                    
     <div id="loops-wrapper" class="loops-wrapper sidebar1 grid3  boxed masonry infinite masonry-done blog" style="position: relative; height: 640.234px;">
     <div class="grid-sizer"></div>
     <div class="gutter-sizer"></div>
    <?php
    // start the wordpress loop!
 	if ( $query->have_posts() ) : ?>
		<?php while ( $query->have_posts() ) : $query->the_post(); ?>	
			<article id="post-<?php echo get_the_ID();?>" class="post clearfix post-<?php echo get_the_ID();?> type-post status-publish format-standard has-post-thumbnail hentry category-featured-authors has-post-title no-post-date " style="position: absolute; left: 0px; top: 500px;">
			 <figure class="post-image  clearfix">
				<a href="<?php the_permalink();?>"><img src="<?php echo get_the_post_thumbnail_url(); ?>" class=" wp-post-image wp-image-84" alt="<?php the_title(); ?>" srcset="" sizes="(max-width: 200px) 100vw, 200px" width="200" height="150"><img src="<?php the_field('featured_book_cover_image'); ?>" class="featured_title_cover_image" width="100" height="150"></a>
				<a href="<?php echo esc_url( get_permalink() ); ?>" class="overlay">
				<div class="excerpt-text"><?php the_field('mini_blurb'); ?></div>
				</a>
			  </figure>
			  <div class="post-content">
				<div class="post-content-inner">
				<!-----------------ICON----------------->
					<!--<span class="<?php if($on_list) { echo $icon_class; } ?> tooltips author-tooltips add_<?php echo get_the_ID();?> list-icon"  title="<?php echo $element_title; ?>">
						<?php if(!$on_list) { ?><a href="#" class="<?php echo $icon_class; ?> btnAddAction" onclick = "cartAction('<?php echo $action; ?>','<?php echo get_the_ID();?>')"></a> <?php } ?>
					</span>	-->
				   <!-----------------/.ICON------------------>
					<h2 class="post-title entry-title"><a href="<?php the_permalink();?>"><?php the_title(); ?></a></h2>
					<div class="entry-content">
					   <?php the_field('featured_book_title'); ?>
					</div><!-- /.entry-content -->
				</div><!-- /.post-content-inner -->
			  </div><!-- /.post-content -->
		 </article>
		<?php endwhile; wp_reset_postdata(); ?>
		<!-- show pagination here -->
	<?php else : ?>
		<!-- show 404 error here -->
	<?php endif; ?>
    </div><!-- #loops-wrapper -->
<?php } // done the foreach statement ?>

	</div><!-- #content -->
</div><!-- #layout -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

This all works fine, except when I set it to use Ajax.

Thanks.