Load More ajax functionality stopped working after updating plugin.

Tricia Francis

#267557

Hey Trevor!

I just launched a site that is using Search Filter Pro here: https://mcclone.net/portfolio/ I’m using the shortcode method with a custom template for results. Note there is a “load more” button that ajaxes in additional results below the initial set of results.

This quit working when I updated your plugin to v 2.5.2. I fixed by rolling the plugin back to v 2.5.1.

I have the initial staged site here: https://mccloneconstruction.wp-goodness.com/portfolio/ – and have the updated plugin in place. As you’ll see the load more button has quit working. It advances to the next page of results, instead of ajaxing content in. I thought all ajax was broken at first, because the filtered results were showing new URLs – but then I remembered I had this turned on for bookmarking and verified the results were ajaxing in. So sorry for my misstatement on an earlier thread that ajax was completely broken.

I understand this is custom functionality, but am hoping you can help me pinpoint the issue. What in the update could have broken this?

Thanks!

Add New Note to this Reply

Trevor Moderator

#267582

How did you get a load more function to work? As you know, we don’t support that. It looks like it is in the theme?

I notice that, when hovering over the Load More button, the URL looks different, for example:

https://mccloneconstruction.wp-goodness.com/portfolio/?lang=en&sf_paged=3

It has ?lang=en& in it, which suggests a translation plugin is involved. Do you have something like WPML or Polylang installed?

I may need to refer this to our plugin developer, Ross, for his attention.

Add New Note to this Reply

Tricia Francis

#267709

The load more functionality is just a script that I added to the bottom of our template override. Here is the complete code within our file at theme-name/search-filter/results.php

<?php
/**
 * Search & Filter Pro Template Part
 * Results Template Override
 * @package Search_Filter
 */

if ( $query->have_posts() ) { ?>

	<div class="wpgood-filtered-portfolio">
	
		<?php while ( $query->have_posts() ) { $query->the_post(); ?>

			<article class="wpgood-portfolio">

				<a class="wpgood-portfolio-link" href="<?php the_permalink(); ?>">

					<?php if ( has_post_thumbnail() ) {

							the_post_thumbnail( 'portolio-thumb' );

					} ?>

					<h3><?php the_title(); ?></h3>
				
				</a>
				
			</article>
			
		<?php } ?>
		
		<div class="pagination">
			
			<div class="nav-previous">

				<?php next_posts_link( 'Load More', $query->max_num_pages ); ?>

			</div>

		</div>

		<div class="wpgood-load-more"></div>

	</div>

<?php } else {

	echo '<p class="wpgood-filtered-portfolio wpgood-no-results">No Results Found</p>';

} ?>

<script>
	jQuery( document ).ready( function($) {
		// Load more functionality
		$( document ).on( 'click', '.wpgood-filtered-portfolio .pagination a', function(e) {
			e.preventDefault();
			var targetURL = $( this ).attr( 'href' );
			$( '.wpgood-load-more:last' ).load( targetURL + ' .wpgood-filtered-portfolio' );
			$( '.wpgood-filtered-portfolio .pagination a:first' ).remove();
		} );
	});
</script>

We’re not using any translation plugins and keep our plugin list pretty lean. We do use Yoast and have readability analysis enabled. I know I get constant Yoast nags about writing in various languages, so maybe(?) what you’re seeing comes from that? But I don’t think this should make a difference. My js grabs whichever url is most recently served.

Looking forward to your thoughts and am happy to share an admin login, if it helps.

Thanks again!

Add New Note to this Reply

Ross Moderator

#267903

Hi Tricia

I’m having a look, and it seems that the Load More is working again? (or did you just revert to an older version?)

I don’t see why one version would work and not the other. Can you tell me what version you upgraded from -> to?

Thanks

Add New Note to this Reply

Tricia Francis

#268133

Hey Ross

The load more is working on the live site – running v 2.5.1 – here: https://mcclone.net/portfolio/

The original staging site is not working and is running 2.5.2. I have this site up until we can resolve our conflict and will update the live site then: https://mccloneconstruction.wp-goodness.com/portfolio/

Hope this helps.

Thanks!

Add New Note to this Reply

Ross Moderator

#268256

This reply has been marked as private.

Add New Note to this Reply

Tricia Francis

#268264

This reply has been marked as private.

Add New Note to this Reply

Ross Moderator

#268277

This reply has been marked as private.

Add New Note to this Reply

Tricia Francis

#268284

This reply has been marked as private.

Add New Note to this Reply

Ross Moderator

#268809

This reply has been marked as private.

Add New Note to this Reply

[Author]

Posts