views_load_more replaces existing items rather than appending to them

This seems to be an issue with the views_load_more.module.
I created 5 pages.
I then created a new simple/default view and set the pager as views load more with items per page =2.
on clicking the load more button, the first two items are replaced by the second page items, rather than they being appended to the listing.

Hi SocialNicheGuru,

updated the title to reflect the present behaviour.

I've started using the module and noticed the same thing at first.

I think you just have to enable 'Use AJAX' in the view settings (Advanced -> Other).

This fixed it for me.

Hi balintd,

using version 7.x-1.2 on simplytest.me, attached are the screenshots. doesnt work for me.

Have you enabled 'Use AJAX' in Advanced -> Other in the right sidebar? I can't see that from the screenshots.

updated the screenshot.

I have the same issue,
AJAX enabeled.
can't relate to anything,
Tried Jquery update, several versions,
tested on several themes,
always the same,
on clicking the load more button, the first items are replaced by the second page items, rather than they being appended to the listing.

Hello i have same problem and with a friend we found a temporaly fix in views_load_more.js line 17
//var targetList = response.targetList || ''; by
var targetList = '';

If it can help you

Finally, I solved this problem by using development release Views 7.x-3.x-dev
instead of current Views 7.x-3.7

@ K_Gonzalez solution worked for me !!

thanks K_Gonzalez

I'm having the same issue-- the next set of results is loaded, replacing the previous results rather than being added to them. I tried the fix described in #10 as well as updating to the latest dev version of Views as described in #11, but neither worked for me, even after clearing the cache.

Closed #2191321: Append results instead of replacing as a duplicate. In this thread, one user suggested that calling the view from code was a problem. I am also calling the view from panels as a content pane; could that be the source of the issue?

Enabling ajax in the view fixed this issue for me

I'm also encountering this problem. But only in combination with the Insert View module.
When adding the view with the Insert View tag the appending fails. When adding the view in a panel it works fine. Any suggestions?

@Jeroen Janssen, it looks like the 'Insert View' module has not been updated for 2 years. Are there any other modules you could use to achieve the same thing? EVA maybe?

If you have custom template for views, try to change "wrapper" and "content_query" in views_load_more.js.
var wrapper=$('.reviews-page-wrapper')
on line 14 where ".reviews-page-wrapper" contains view and pager, and change

var content_query = targetList && !response.options.content ? '.view-content ' + targetList : response.options.content || '.view-content';

on line 54 to var content_query = '.reviews-page'; where ".reviews-page" is class of view's rows container. Also I print classes on wrapper, and module works.
Code of my views-view--machine_name.tpl.php:

<div class="reviews-page-wrapper <?php echo $classes;?>">
<div class="reviews-page">
    <?php echo $rows;?>
</div>
<?php if ($pager) echo $pager;?>
</div>

To summarize, here is what you should try:

* Ensure that "Use AJAX" in the views settings is set to Yes.
* Ensure you are using a recent 7.x-3.x version of views (I am currently running 7.x-3.8)
* Try using the latest views_load_more-7.x-1.x-dev release or checkout the 7.x-1.x branch. I've been committing some changes recently.
* When views_load_more attempts to append the next page, it expects the wrapper to append items to to be .view-content. If you're theme changes the wrapper class, you will need to set a new selector in the Load More Pager settings under Advance Options > Content selection selector.

If you are still having issues, please detail steps to reproduce your issue.

My Settings

*Ajax Enable
*latest Dev Version of Views
*latest Dev Version of Views Load More
*Views Format Grid
*WAYPOINT enable

But still seeing the problem and i notice the ajax-progress-throbber are having also an issue

Humm, is there a public link you could share so I could take a look?

Also @bossmac have you tried the latest dev release?

Leaving Ajax turned off (turning on borked things even more) and installing the Dev version of Views Load More fixed this issue for me. I'm asking the Commons devs if they will use the Dev version in their next release. They may avoid including Dev versions in their distribution though. I'm not sure.

Thanks for the dev release m4olivei!

@ligono Am I blind? I'm not seeing where on the page you sent the Views Load More pager is being used..

i have the same problem. load more does not append, but replace.

views_load_more = "7.x-1.3+3-dev"
views = "7.x-3.8"
use ajax -> checked
it's a panel pane added to a panel
i use custom template for that panel pane, for the rows, but i surrounded them with default class, even tried different class and added it to advance settings

LE: the problem is with module "views ajax fade". i use that in combination with exposed filters.

i am supossing that you are using a custom tpl (as my case)... i have to change the selector because of this... i have to inspect the javascript code... views_load_more.js:66 and check wich selector works...

in my case... i have to go to the pager properties and in advanced, choose the ".view-content .item-list > ul:not(.links)" beacuse the default dont work for me.

Hope this helps

This problem still exists in the lastest dev branch of this module and the latest version of views

This also exists in the Drupal 8 branch as I dont see a .views-content wrapper around the rows.

Although this patch should address that...

https://www.drupal.org/files/issues/views-load-more-pager-class-2543714-...

This issue is all over the place. Please if you are still having trouble with the latest dev release, open a new ticket and detail steps to reproduce your particular issue.

Thanks!

Yes, I have this issue. I have also used the dev version and also tried all the patches I have searched but no success.

This was happening to me when I was trying to attach a block with a Load More pager below a page display with a Load More pager. Using 7.x-1.x-dev. I didn't work when A) attaching the block in the footer of the view using "Global: View area" or B) when using views_embed_view() within the page template file. The Load More pager would do a replacement instead of an append. Methods that do appear to work: A) placing the block into a theme region.

I would stress that it's important when doing this to set the pager id on the page display to "0" and the block display to "1" in order to make them operate distinctly.