Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #16257

    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?

    #90826

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

    #90827

    Hi,

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

    Regards,

    Ismael

    #90828

    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

    #90829

    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!

    #90830

    Hi,

    What happen when you are in a dynamic template?

    Regards,

    Ismael

    #90831

    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

    #90832

    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.

    #90833

    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

    #90834

    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

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Infinite Scroll settings?’ is closed to new replies.