Hi there

Very happy with the functionality provided by this script, but need a little help applying a function after the extra posts have loaded.

We're using the following code to ensure images in a responsive site are always proportional:

var imagesizes = function () {

    var projW = $('.project-overview .image-wrap').width() * 0.85;
    $(".project-overview .image-wrap").css({ 'height': projW});

};

$(document).ready(imagesizes);
$(window).resize(imagesizes);

So far, so good. However, I've been struggling to get this to apply to the posts loaded by Ajax Load More. I've tried using an if statement and "$finished = false", before running the image size function again, but no good.

When I resize the browser window, after loading more posts, they get dynamically resized – so we're nearly there. I've tried attaching the same function to an "click" event, to activate when the load more button is pushed, but that doesn't work either.

Any ideas appreciated!

Thanks in advance,
James

does your plugin support archive page I mean day . year and month archives , ?

I've implemented this on a couple of sites, and it works great but for some reason neither site is loading posts in IE9.

I'm assuming this a problem on my end, as your example page works fine in IE9.

Any idea where I might start looking for issues?

Hi there,

Thanks for share this 👍 how can i import it, i tried but was not successful:

Warning: require_once(../../../../wp-load.php) [function.require-once]: failed to open stream: No such file or directory in C:\wamp\www\wordpress2\wp-content\themes\remix\ajax-load-more\ajax-load-more.php on line 19

Fatal error: require_once() [function.require]: Failed opening required '../../../../wp-load.php' (include_path='.;C:\php5\pear') in C:\wamp\www\wordpress2\wp-content\themes\remix\ajax-load-more\ajax-load-more.php on line 19

Cheers,
Behzad

Getting multiple write errors in my error log on WPEngine. I've reset file permissions and contacted their support about it. Setting the permissions to 777 isn't allowed on their system. The settings in Wordpress though has the green light for write permissions but still getting the errors. Here are the error messages:

[Fri Nov 14 14:58:22 2014] [error] [client XXX] PHP Warning: fopen(/nas/wp/www/cluster-2759/DOMAIN/wp-content/plugins/ajax-load-more/core/repeater/default.php) [function.fopen]: failed to open stream: Permission denied in /nas/wp/www/cluster-2759/DOMAIN/wp-content/plugins/ajax-load-more/admin/admin.php on line 77, referer: http://www.DOMAIN.com/news/
[Fri Nov 14 14:58:22 2014] [error] [client XXX] PHP Warning: fwrite() expects parameter 1 to be resource, boolean given in /nas/wp/www/cluster-2759/DOMAIN/wp-content/plugins/ajax-load-more/admin/admin.php on line 78, referer: http://www.DOMAIN.com/news/
[Fri Nov 14 14:58:22 2014] [error] [client XXX] PHP Warning: fread() expects parameter 1 to be resource, boolean given in /nas/wp/www/cluster-2759/DOMAIN/wp-content/plugins/ajax-load-more/admin/admin.php on line 79, referer: http://www.DOMAIN.com/news/
[Fri Nov 14 14:58:22 2014] [error] [client XXX] PHP Warning: fclose() expects parameter 1 to be resource, boolean given in /nas/wp/www/cluster-2759/DOMAIN/wp-content/plugins/ajax-load-more/admin/admin.php on line 80, referer: http://www.DOMAIN.com/news/

Anybody else run into this issue before and know of a workaround?

hi

in the last post i need to hide load article icon

how can do that

http://ottopress.com/2010/dont-include-wp-load-please/

Is it possible to add this "the developers way" to archive.php?

(so not working with shortcodes)

Hello. This is not an issue but rather a request on how to create a repeater block with a custom php query function. I apologize if I use here some wrong terms related to programming as I'm not a developer.

Well, I use a theme which supports custom post types and it uses a built in configuration of (options tree plugin) to manage the theme options as also the custom fields for its "Food" custom post type and taxonomy.

Although the plugin works great, I'm not able to re-create the same query function that is used by my theme's page template for the repeater itself. What I mean is I need to create a repeater template which is capable to display the same custom fields my theme's custom post type supports.

Here's a pastebin of the php template with the custom query function for my theme's custom post type: http://pastebin.com/z8snU0ET

If I copy the <li></li> piece of code and build a repeater template with it, then the plugin successfully loads more posts with the same style as my theme's, however, it simply ignores the price meta which is being managed by the theme's custom query function.

I'd really appreciate any help in order to make my site function properly with the plugin.

Thanks a lot in advance.

Please, add a feature to order posts by id/title/rand/date. It is useful to use the plugin in the related posts area for example. Btw, nice plugin. Thanks a lot.

Hi there,

very nice small and effective enhancement for wordpress!

Is it possible to somehow disable the loading button after all posts have loaded? Maybe by adding a data parameter with the count of all present published posts?

Hello,

I hope you're fine mr. dcooney, Could you please remove ajax/java script from first load of posts, then ajax can work after scroll or clicking on load button.

Again thanks for this great plugin.

Cheers

Until version 2.1.1, when I wore the parameters scroll="true" and pause="true", users had to click just one time in "load more button", and then the posts load automatically. Please, come back with this feature. It's increase the UX.

Hey,

Is it possible to use this plugin to load more posts from the next page?

For example, I want to add a "Load more" button on homepage which loads '/page/2', then '/page/3', etc.

Thanks!

Thanks for creating this plugin - purchased the Custom Repeaters add-on and it's saving me a ton of time!

One issue I'm running into though: I'm using the plugin in "non-standard" ways, and I need to be able to tweak JS parameters on the fly (things like "page", "$finished", etc), but because these are private and no object reference is returned during initialization, I need to resort to hacking your JS.

Making these variables public and returning a reference to the object would make this plugin even more versatile. Perhaps store an object reference as $(".ajax-load-more-wrap").data('alm')?

Thanks!

Hi,

I would like to see an option in the settings, that removes the AJL-button from TinyMCE. I don't want my clients to see it, as I'll implement all buttons in the Theme.

Follow-up question: Is there a filter that lets me hide/remove it?

As a user, I sometimes have Wordpress queries that are ordered by meta value. This could be the date that an event is happening or the price of a product, for example. It would be great if Ajax Load More supported the orderby parameters "meta_value" "meta_compare"

Allow for filtering and sorting options like :
meta compare posts AND order by date
where date comes before meta compare.
Example:
1)show first the today posts with x>y, than show yesterday posts with x>y, etc

2)orderby meta, and discard posts older than X

Hey there, I'm not sure what I am doing wrong but once there are no more posts loaded, the load more button isn't fading out like the demo shown. I haven't changed any of the css or javascript in the plugin. Any extra guidance would be appreciated.

thanks!

-Jesse

Due to request on wordpress.org.
https://wordpress.org/support/topic/feature-request-loading-more-comments-on-demand

Thank you in advance!

I have generated a plugin in WP MVC framework and its creating some problems.
FIrst i need to clarify something:

My plugin is named W2Store. It has three tables connected to it via database w2store. The tables are:
wp_w2store_countries, wp_w2store_currencies, wp_w2store_zones.

I generated scaffold to create models Country, Currency and Zone. It didnt work for either view or add options. View options did nothing while add option generated an error as field not found in form for input.
So, i again did the work with scaffolding with model names starting with W2SCountry, W2SCurrency and W2SZone.

Now, when i click the add new option, it generates a warning message as follows:

( ! ) Warning: require_once(/var/www/html/wordpress/wp-content/plugins/wp-mvc/core/models/country.php): failed to open stream: No such file or directory in /var/www/html/wordpress/wp-content/plugins/wp-mvc/core/mvc_file_includer.php on line 152

How could it be solved? Any suggestions, ideas, directions....etc?

Improve the SEO following good practices as mentioned in this thread:
http://stackoverflow.com/questions/21044302/make-ajax-loaded-content-crawlable-by-google

:)

If the primary query returns no more values, use second query to fetch more content

Hi,

I'm using ALM and WPML on a site, and noticed that ALM does not load posts in Firefox and Safari (on a Mac) when WPML is active. Works fine in Chrome, for some reason. Delving into the code, I discovered that admin-ajax.php needs the $lang variable in the GET-request.

I managed to modify the request, by adding WPML’s language parameter (if it exists) like so:

$lang = defined('ICL_LANGUAGE_CODE') ? ICL_LANGUAGE_CODE : '';

I added it just before return in alm_shortcode() and then modified the alm_query_posts() to pass it along to ajax-load-more.js. Now ALM works with WPML.

I can make gists of the modified files, if anyone wants them.

Can't seem to get the tag feature to work.

My code:

This works:

<div id="ajax-load-more">
        <div class="listing" 
                data-path="<?php echo get_stylesheet_directory_uri(); ?>/ajax-load-more" 
                data-post-type="news" 
                data-display-posts="12" 
                data-scroll="true" 
                data-button-text="Load More News">
        <!-- Ajax Posts Will Load Here -->
        </div>
</div>

This doesn't:

 <div id="ajax-load-more">
        <div class="listing" 
                data-path="<?php echo get_stylesheet_directory_uri(); ?>/ajax-load-more" 
                data-tag="<?php single_tag_title(); ?>" 
                data-display-posts="12" 
                data-scroll="true" 
                data-button-text="Load More">
        <!-- Ajax Posts Will Load Here -->
        </div>
</div>

It works great when just querying post types, but when trying to drill down to just a single tag it doesn't return anything.

This works pretty well for me in general - really smooth , really crisp. The only issue I'm having is using this for multiple instances on the same page.

I basically have two columns - I need to query different post types in each column. If I do this now, I only receive one post type and the "Older Posts" button is displaced.

Any thoughts on using this for multiple instances?

I used your script to wordpress ajax load more. I am very pleased! I want to ask if there are ways in the initial page load not appear loader. Only after scrolling?

Thank you.
Regards!

Script was working nicely on all browsers until latest updates. On Safari 7.1 I now get this error:

<title>403 Forbidden</title>

Forbidden
You don't have permission to access /wp-admin/admin-ajax.php
on this server.

Working absolutely fine in Chrome.
Hosted on WP Engine.

Quick fix appreciated!

Hi... I say thank you for make this great plugin.

But I'm curious about wrapping technique... and the revealed problem that I have to face.

1. Is it possible to make wrap the code with just div instead of ul and li ?

<section id="ajax-load-more">
    <div class="listing" data-path="<?php echo get_template_directory_uri(); ?>/ajax-load-more" data-post-type="post" data-category="" data-taxonomy="" data-tag="" data-search="" data-display-posts="2" data-scroll="true" data-max-pages="5" data-button-text="<?php _e('Older Posts', 'framework'); ?>" data-transition="slide">
    <!-- Load Ajax Posts Here -->
        <div class="post"></div>
    </div><!-- end .listing -->
</section>

2. Can we get rid of items wrapper of: "_ajax_load_reveal"

<div class="_ajax_load_reveal">
    <li>Item</li>
</div>

Basically, I just want the ajax will load the post just like this:

<ul>
<!-- Page 1 -->
    <li></li>
    <li></li>
    <li></li>
    <li></li>
<!-- Page 2 -->
    <li></li>
    <li></li>
    <li></li>
    <li></li>
<!-- Page 3 -->
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

Thanks in advance

I tried to install "wordpress-ajax-load-more" on the default theme of wordpress (Twenty Fourteen), but the button "Load More" does not appear.

Can you help me?
Thanks.

1 I put the "ajax-load-more.php" in the theme (Twenty Fourteen) folder.
2 I put the following code in the index.php files of theme (Twenty Fourteen):

3. I put the function.js in the js folder

Awesome plugin, it works perfectly on almost every page, except i'm getting unexpected results on author.php for some reason.

While developing I have display posts set to 1. But when on author.php i click it loads the rest of the authors posts. And then when clicked again it loads a duplicate and then when clicked again - a final duplicate before adding the .done class...

Very strange behavior, any ideas why?

Hi Darren,

first, thank you for this solution ... very helpful.
I'm trying to add ability to query by term, but it doesn't work (I'm newbie with php/wordpress)
So, in ajax-load-more.php, I'm adding:

$term = (isset($_GET['term'])) ? $_GET['term'] : '';
in "Set up our variables from ajax-load-more.js" section and

if(!empty($term)){
$args['term'] = $term;
}

just above query_posts($args);

In ajax-load-more.js I'm adding

term: $content.attr('data-term'),

In WP template, I have this:
div class="listing" data-path="/ajax-load-more" data-post-not-in="" data-post-type="success-stories" data-category="" data-taxonomy="success_stories_category" data-term="slug; ?>" data-display-posts="2" data-scroll="false" data-button-text="Load More Posts"

But it's return all posts in the taxonomy instead those with the current term.
Can you please point me what I'm doing wrong?

Thanks,
Vel

Please can you include the ability to make sticky posts work.

Thanks

Hi dcooney,

I integrated your plugin and it is awesome. the only problem i am having is that even if there are more posts the button will be "inactive" and you can't click it. Do you know why that is happening?

Hi sir , This plugin so very helpful . But there's a problem with regard to the order by rand . Once I clicked the Load more some of the items duplicate . Is there a change that we can exclude the first items load more then load another items

We will appreciate you quick response.
Thanks

Hi,

Is there anyway for me to exclude the latest post from appearing in the ajax results?

'offset'=>'1' causes the same set of posts to be loaded each time.

Any help is very much appreciated!

(There's a stack overflow question here: http://stackoverflow.com/questions/21553336/loading-wordpress-posts-with-ajax-and-offset)

Hey there, first off thanks for the plugin. One issue I can't seem to figure out though. How would I go about initiating the plugin to work properly with author posts and category posts? Right now it's just loading all the posts instead of filtering through the author and category specific posts. I saw there was a similar issue a while ago, and I believe I have the most current version of the plugin.

I tried adding

data-category="category" data-author="author" in author.php / category.php but no luck. Any direction would be greatly appreciated.

thanks again,

Jesse

I recently saw some bug fixes so I updated my .js with your latest.

But now I saw the posts getting loaded one-by-one. Since I use it my sidebar as list of latest posts with load more. Loading each post title one by one looks bad.

How to avoid this, and also you your latest .js file which have bug fixes.

Hi. When I need to update the plugin for the last version, the default and my custom repeaters templates are losing. Please, correct this. :)

Can you filter by post format? (i.e. standard, video, gallery, etc?)
thanks!

Hi,

I'm working on a site where I use ALM, and I needed to add a meta_query to load only posts with a date (custom field) larger than «today». I managed to modify the code to make it work (for me at least).

@dcooney I made a Gist, in case you want to work it into the plugin: https://gist.github.com/gnistdesign/fac70e9ea9c1378dcf08

It would be great if we could filter by custom taxonomies.

Not sure if I should be posting support requests here. I'm using a jQuery callback function like so:

$.fn.almComplete = function(alm){
    console.log(alm);
    console.log(alm.finished);
}

The first console.log shows "finished: true", however the second console.log outputs false. How do I access the properties of the alm object?

Hi dcooney,
I am playing around with your plugin, and am trying to insert additional < ul > class.
Right now response is:

Is there a way to hack into this?
Thank you for the great plugin.
Cheers!

Hi Darren,

In order to sort by meta_value, the meta_key needs to be passed to the query. Now, it is only passed if there is a complete meta_query.

Fix: In ajax-load-more.php add to alm_query_posts:

      // Meta_key
        if(!empty($meta_key)){
            $args['meta_key'] = $meta_key;
        }

First off, killer plugin.
We have several posts on our site but the design I've received would really only work with an initial load of a handful of posts and then clicking the load button once for one more set of posts. Is there any way to limit the number of posts. I just want the user to be able to click the Load More Posts button once, show the next handful of posts, and then the button change from Load More Posts to something like View Archive and then link to the archive page. Thoughts?

Hi Darren,
first I want to thanks you about great plugin. I have one question about it. Can I implemented some how than plugin in search.php? For example when I type a keyword to show me first 2 result with load more button? Thank you one more time.

Is it setup to only show posts of the current category page i am on? Because i am seeing all posts on my blog on each category page.

Safari 5.1.7 throws an error when using the plugin :
Error: Syntax error, unrecognized expression: Get Bounced!

Commenting : https://github.com/dcooney/wordpress-ajax-load-more/blob/master/ajax-load-more/ajax-load-more.php#L219-L220

Fixes it.

Hi

Here my custom version of the template to get values from request.
Notice that I put the new tag data-date to get the query values from calendar or month combo archive.

<section id="ajax-load-more">
    <div id="post-area">
        <div class="listing" data-path="<?php echo get_template_directory_uri(); ?>/ajax-load-more" data-post-type="post" data-category="<?php if (isset($_REQUEST["cat"])) echo($_REQUEST["cat"]); ?>" data-date="<?php if (isset($_REQUEST["m"])) echo($_REQUEST["m"]); ?>" data-taxonomy="<?php if (isset($_REQUEST["s"])) echo($_REQUEST["s"]); ?>" data-tag="<?php if (isset($_REQUEST["tag"])) echo($_REQUEST["tag"]); ?>" data-display-posts="<?php echo get_option('posts_per_page'); ?>" data-scroll="false" data-button-text="<?php _e('Next page','default'); ?>"></div>
    </div>
</section>  

At now don't work, but I near to implement it.
I'm working on it: