Joomla Templates Club 406,261 posts

[abdullah canipek Friend abdullah canipekJoin date: November 2014Posts: 133Downloads:32Uploads:22 Thanks: 52 Thanked: 1 times in 1 posts]

#200563

I want to fixel’s home page infinity, but when the user scroll down then automaticly load more with out clicking “Load More” button. Like facebook, instagram, or etc. 🙂

thanx for the answers already 🙂

[bucklash Friend bucklashJoin date: August 2014Posts: 14Downloads:0Uploads:3 Thanks: 6 Thanked: 2 times in 1 posts]

#546271

Hi

This isn’t a solution, more of a comment:
For some people, automatically loading as you scroll to the bottom is really annoying and forces the user to use bandwidth when they might not want to.

That’s my thoughts. Have a good day

Jon

2 users say Thank You to bucklash for this useful post

1. Ninja Lead
2. TomC

[abdullah canipek Friend abdullah canipekJoin date: November 2014Posts: 133Downloads:32Uploads:22 Thanks: 52 Thanked: 1 times in 1 posts]

#546792

Thank you bucklash,
but i think auto loading more userfriendly than button. You are right bandwith thing.

I hope JA Developers or Support Guy answer my question.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#546849

<em>@asccanipek 442300 wrote:</em><blockquote>Thank you bucklash,
but i think auto loading more userfriendly than button. You are right bandwith thing.

I hope JA Developers or Support Guy answer my question.</blockquote>

Hope my solution below will help you to do this

Open templates/ja_fixel/js/script.js file

Find and change

if(nextbtn.length){

nextbtn.on('scroll', function(){

if(!nextbtn.hasClass('finished')){
ploader.modal('show');
masonry.infinitescroll('retrieve');
}

return false;
});

ploader.insertBefore(nextbtn);
}

To

if(nextbtn.length){

$(window).scroll(function(){
ploader.modal('show');
masonry.infinitescroll('retrieve');
});
ploader.insertBefore(nextbtn);
}

1 user says Thank You to Ninja Lead for this useful post

1. abdullah canipek

[abdullah canipek Friend abdullah canipekJoin date: November 2014Posts: 133Downloads:32Uploads:22 Thanks: 52 Thanked: 1 times in 1 posts]

#546969

Thank you Ninja Lead,
Your code working but, when scrolling bottom load all articles,how to can i do this step by step (for example: first loading 10 article, second 10, third 10 )

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#547128

Nope, that codes above only loads next page if you scroll down and not load all, you can check it with Intro Articles set 5 in Home of Main Menu like as my screenshot

and enable inspect element for your browser and check it with each scroll-down.

---

Attachments:

1. 

1 user says Thank You to Ninja Lead for this useful post

1. cocvau87

[cocvau87 Friend cocvau87Join date: March 2014Posts: 2Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 2 posts]

#549192

Thank you so much, Ninja Lead

[Author]

Posts