[Plugin: Infinite Scroll] and the Gridy Theme

  • Hi! I’m in the process of making a portfolio website for myself, using a modified version the ‘Gridly’ theme. I’m trying to implement the ‘infinite scroll’ plugin, but I can’t seem to get it to work. Here’s the website that I’m working on.

    The selectors I am using are:

    Content Selector: #post-area
    Navigation Selector: .view-older
    Next Selector: .view-older a:first
    Item Selector: .post

    I’ve also set the behavior to Masonry/Isotope, and made sure the plugin is activated.

    If anyone could help me solve this problem I’d hugely appreciate it.

Viewing 1 replies (of 1 total)

  • Posted this for another guy. Hope this works for you too:

    I am using Infinite-Scroll in my site, which uses the Gridly theme, although it’s not live yet.

    Behaviour: Masonry/Isotope

    Selectors:
    Content-selector: #post-area
    Navigation selector: #navigation
    Next selector: #navigation .view-older a:first
    Item selector: #post-area .post

    Now you need to change a code which I have listed below, so before you do anything else, backup your template.

    Go to your index.php file. Should be found here:
    /wp/wp-content/themes/gridly/index.php

    Now look up this code (last second line of the page):
    <?php next_posts_link(‘<p class=”view-older”>View Older Entries</p>’) ?>

    Now change that to:
    <div id=”navigation”>
    <div class=”view-older”><?php next_posts_link(‘View Older Entries’); ?></div>
    </div>

    [What I have done is I have introduced a new ID called navigation so that the selector recognises it]

    It only works on the main page. Hope this helps.

Viewing 1 replies (of 1 total)
  • The topic ‘[Plugin: Infinite Scroll] and the Gridy Theme’ is closed to new replies.

Tags