Ajax and Search Filter Pro

Corey Taylor

#103337

I am a complete novice trying to get the Ajax search functionality (like Demo 1 with the movies, but including a grid) for my church’s sermons. I’ve created my custom taxonomies and created my search form, but I really have no clue what to do next. I’ve read the Support Docs about 50 times, but I’m still unsure. Any advice, guidance, direction or help would be greatly appreciated. What should I do next?

Add New Note to this Reply

Trevor Moderator

#103357

This reply has been marked as private.

Add New Note to this Reply

Corey Taylor

#103625

This reply has been marked as private.

Add New Note to this Reply

Trevor Moderator

#103730

This reply has been marked as private.

Add New Note to this Reply

Trevor Moderator

#103732

The grid I made using our results.php for Enfold was this:

<?php
/**
 * Search & Filter Pro 
 *
 * Sample Results Template
 * 
 * @package   Search_Filter
 * @author    Ross Morsali
 * @link      http://www.designsandcode.com/
 * @copyright 2015 Designs & Code
 * 
 * Note: these templates are not full page templates, rather 
 * just an encaspulation of the your results loop which should
 * be inserted in to other pages by using a shortcode - think 
 * of it as a template part
 * 
 * This template is an absolute base example showing you what
 * you can do, for more customisation see the WordPress docs 
 * and using template tags - 
 * 
 * http://codex.wordpress.org/Template_Tags
 *
 */

if ( $query->have_posts() )
{
	$gridTotalPostCount = $query->found_posts;
	?>
	Found <?php echo $gridTotalPostCount; ?> Results<br />
	Page <?php echo $query->query['paged']; ?> of <?php echo $query->max_num_pages; ?><br />
	
	<div class="pagination">
		
		<div class="nav-previous"><?php next_posts_link( 'Older posts', $query->max_num_pages ); ?></div>
		<div class="nav-next"><?php previous_posts_link( 'Newer posts' ); ?></div>
		<?php
			/* example code for using the wp_pagenavi plugin */
			if (function_exists('wp_pagenavi'))
			{
				echo "<br />";
				wp_pagenavi( array( 'query' => $query ) );
			}
		?>
	</div>
	
<div data-autoplay="" data-interval="5" data-animation="fade" data-show_slide_delay="90" class="avia-content-slider avia-content-grid-active avia-content-slider1 avia-content-slider-odd  avia-builder-el-2  el_after_av_textblock  avia-builder-el-last " itemscope="itemscope" itemtype="https://schema.org/Blog">
	<div class="avia-content-slider-inner">
	<?php
	$gridRowPostCount = 1;
	while ($query->have_posts())
	{
		$query->the_post();
		if ( $gridRowPostCount == 1 ) {?>
	 <div class="slide-entry-wrap">
		<?php } ?>
		<article class="flex_column av_one_third <?php if ( $gridRowPostCount == 1 ) echo 'first';?>" itemscope="itemscope" itemtype="https://schema.org/BlogPosting" itemprop="blogPost">
			
			<?php 
				if ( has_post_thumbnail() ) {
				?><a  data-rel="slide-1" class="slide-image" title="" href="<?php the_permalink(); ?>"><?php
					the_post_thumbnail("portfolio");
					echo '</a>';
				}
			?>
			<h3 class="slide-entry-title entry-title" itemprop="headline"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
			<div class="slide-meta"><time class="slide-meta-time updated" itemprop="datePublished"><?php the_date(); ?></time></div>
			
		</article>
		
		<?php if ( ( $gridRowPostCount == 3 ) || ( $gridRowPostCount == $gridTotalPostCount ) ) {?>
		</div>
		<?php }
   $gridRowPostCount++;
   if ( $gridRowPostCount == 4 ) $gridRowPostCount = 1; ?>

		<?php
	}
	?>
  </div></div>
	Page <?php echo $query->query['paged']; ?> of <?php echo $query->max_num_pages; ?><br />
	
	<div class="pagination">
		
		<div class="nav-previous"><?php next_posts_link( 'Older posts', $query->max_num_pages ); ?></div>
		<div class="nav-next"><?php previous_posts_link( 'Newer posts' ); ?></div>
		<?php
			/* example code for using the wp_pagenavi plugin */
			if (function_exists('wp_pagenavi'))
			{
				echo "<br />";
				wp_pagenavi( array( 'query' => $query ) );
			}
		?>
	</div>
	<?php
}
else
{
	echo "No Results Found";
}
?>

Add New Note to this Reply

Trevor Moderator

#103734

This reply has been marked as private.

Add New Note to this Reply

Corey Taylor

#103786

This reply has been marked as private.

Add New Note to this Reply

Trevor Moderator

#103802

The grid across the top would be better. I have removed those words. I will need to write some Custom CSS for you. Later.

Add New Note to this Reply

Trevor Moderator

#103804

Is that better now?

Add New Note to this Reply

Corey Taylor

#103884

Trevor you are amazing. It looks great! One last question. I just saw at the bottom this table/blog post listing thing. Can that be completely removed?

Add New Note to this Reply

[Author]

Posts