Hide the load more button when there are no more posts

Hi tehzoras,
Can you share a link to the issue?

FYI – the load more button will only disable if the amount of posts returned is less than the posts_per_page parameter.

For example, if you have 9 posts and load 3 with each load more then the button will not be disabled until you click the button a 4th time.

Cheers,

So my functionality is like this:
I display 3 posts in the page originally and each time I click the button I display 3 more etc.
So my ‘posts_per_page’ => 3 and my shortcode for the button has offset=”3″ and posts_per_page=”3″.

In some categories though I have a total number of 2 posts. This means the 2 posts are originally displayed and the button is still there although it has no more posts to load. And after I click it (and loading nothing) it goes away.

What I want to achieve is not having it there at all since there is no more content to load.

I hope I am clear enough

That should work. You might have an error in your repeater template.

My repeater template is working normally.
When I have a lot of posts , lets say 9 for example, 3 are displayed on page load then on first click 3 more , on second click 3 more and then the button is away.

I have only problem on the first load of a page with less than 3 posts ??

Just found someone having the same problem and suggesting using this :

$.fn.almComplete = function(alm){
var count = $(‘.alm-reveal > div’).length;
if ( count < 8 ) {
$(‘#load-more’).hide();
}
};
(replace 8 with your “Posts Per Page” number)

This didnt help also, the button is still there

Just tested on a dev site with 6 posts using this shortcode and it works as expected.
[ajax_load_more post_type="movie" posts_per_page="6"]

Please post your repeater template.

<div class="col-sm-4">
                <div class="image">
                    <?php the_post_thumbnail(array(375, 375), array('class' => 'img-responsive')); ?>
                </div>
                <div class="caption">
                    <h2>
                        <a>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
                    </h2>
                </div>
</div>

Please replace the following:
<a>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>

with

<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>

The issue may be your markup error.

<div class="col-sm-4">
	<div class="image">
         <?php the_post_thumbnail(array(375, 375), array('class' => 'img-responsive')); ?>
     </div>
     <div class="caption">
        <h2>
           <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
         </h2>
     </div>
</div>

Yeh the template was already the way you mentioned, I made a mistake above

Ah, then damn. Sorry I’m not sure. I just tested with offset=”3 and posts_per_page=”3″ and the button disbaled after the initial load.

<?php
$cat = get_category( get_query_var( 'cat' ) );
$category = $cat->slug;
echo do_shortcode('[ajax_load_more post_type="custom_post" posts_per_page="3" order="ASC"  orderby="title" transition_speed="500" pause="true" scroll="false" button_label="Load More" offset="3" category="'.$category.'"]');
?>

I also post my shortcode, maybe it’s something wrong there

Looks fine to me. Are you able to share a link to the issue, or no?

Unfortunately I am not :/
Still trying to figure out why it’s not working….

When I keep clicking the load more button, and I reach the point that I have no other posts to load , then it’s disabled as it should be.

It’s only on the initial page loading (in a page with small number of post) that it’s not working, wierd

Let me know when I can see a link to the issue. Until then I can’t really be of more help.

ok, thank you!