Infinite Scroll settings?

10 posts from 5 voices

• Started 8 months ago by mbuurman
• Latest reply from Dude
• This topic is not a support question

Tags:

• mya

1. 

   mbuurman
   Member

   Hello,

   For my blog I'd like an infinite scrolling. There is a great plugin for that: http://wordpress.org/extend/plugins/infinite-scroll/

   Anyone knows how I set this plugin? Currently I am using:

   Content Selector: div.content
   Posts Selector: div.post-entry
   Navigation Selector: div.pagination
   Next Page Selector: div.pagination a:first

   But when I scroll down I get two loading bars and no posts loading, anyone knows what the right settings for this plugin are?

   Posted 8 months ago #
2. 

   mbuurman
   Member

   No ones ever had a similair question? Or has this feature too?

   Posted 8 months ago #
3. 

   Ismael
   Moderator

   Hi,

   This is new to me. Let me tag the rest of the support team to help you out.

   Regards,
   Ismael

   Posted 8 months ago #
4. 

   Nick
   Moderator

   Hello,

   I've seen this feature on a few sites, and its just beginning to get wider us (I like it very much) but I have no experience with it. I suggest you go to the plugin maker since they usually have a forum.

   Thanks,

   Nick

   Posted 8 months ago #
5. 

   mbuurman
   Member

   I tried some more things. Seems it only works for me when I'm on a normal blog or archive page and not on a dynamic template.

   I use these settings:

   div.content
   div.post-entry
   div.pagination
   a:first

   Also works great with Strx Floating Sidebar plugin.

   Both plugins are real recommendations, the less a user has to do, the more likely he will stay!

   Posted 8 months ago #
6. 

   Ismael
   Moderator

   Hi,

   What happen when you are in a dynamic template?

   Regards,
   Ismael

   Posted 8 months ago #
7. 

   Nick
   Moderator

   Hi,

   You can download this free program (winmerge.org) that compares any 2 files/or directories line by line., Copy the firebug html source (or view source) for the page where it is working into one window, and paste the code for the one not working in the other window, and it will instantly show you side by side color coded views of the differences, so you can easily spot what needs to be modified. http://download.cnet.com/WinMerge/3000-2216_4-10598281.html

   Thanks,

   Nick

   Posted 8 months ago #
8. 

   Dude
   Dude

   I implemented the infinite scroll script on my website: http://inoplugs.com/blog/ without using the plugin but I used the standalone jquery version (because of performance reasons, etc.). Add following code to functions.php (at the very bottom)

   /* infinte scroll */
   function infinite_scroll() {
   	global $avia_config;
   	if ( is_archive() || ($avia_config['currently_viewing'] == 'blog' && !is_single()) ){
   		echo '<script type="text/javascript">';
   
   		echo 'jQuery(".content").infinitescroll({
   				navSelector: ".pagination",
   				nextSelector: ".pagination a:first",
   				itemSelector: ".content .post-entry",
   				loading: {
   					img: avia_framework_globals.installedAt + "images/custom/loader.gif"
   				}
   				},
   				function(){
   
   	avia_ajax_call();
   				}
   			);';
   
   		echo '</script>';
   	}
   }
   add_action('wp_footer', 'infinite_scroll');

   and upload the preloader/loader gif image into following folder: wp-content/themes/choices/images/custom/ - in the example aboveI called it loader.gif.

   At least add following js code: https://raw.github.com/paulirish/infinite-scroll/master/jquery.infinitescroll.min.js to the bottom of js/avia.js.

   Posted 8 months ago #
9. 

   lwr415
   Member

   Hi Dude,

   Thank you for share this method.
   Could you please give me some advices if I would like to use this scrolling way in my product catalog page.

   Regards,
   LWR

   Posted 6 months ago #
10. 

    Dude
    Dude

    Hey!

    Unfortunately this requires some custom work and is a bit time intensive. However there's a cheap premium extension out there which should work: http://61extensions.com/shop/woocommerce-infinite-product-scroll/

    Best regards,
    Peter

    Posted 6 months ago #

RSS feed for this topic

Reply

You must log in to post.