Add "load more" or Infinite Scroll to BP Daily Theme home page

I would like to add a load more button or infinite scroll capability to the BP Daily Theme - I would like to place the code to do this in my Child Theme (so I do not lose the capability if I upgrade the BP Daily Theme) I have looked at the jetpack Infinite Scroll option and the Ajax Load More plugin, but can not figure out how to make them work with BP Daily - all I want to achive is the capability to load more posts on the Main Site page

  • Michael Bissett
    • Recruit

    Hey @Frank, Michael here! :slight_smile:

    In this case, the Ajax Load More plugin would be what you're looking for, we're going to need to use a custom page template for this one, though.

    I've cooked up one for you, it echoes the shortcode for the AJAX posts in the home page template, you can configure the shortcode further, they've got the list of parameters available over here:

    https://wordpress.org/plugins/ajax-load-more/

    Hope this helps! :slight_smile:

    Kind Regards,
    Michael

  • Frank
    • Flash Drive

    Ok - I am not sure what to do with this -

    I used the Ajax-load-more plug in and created the following short code:

    [ajax_load_more post_type="post" category="tech-prophets" pause="true" scroll="false" transition="fade" button_label="Load More Content"]

    I want to add that short code to the main content area on the home page on the site (if I use a widget to add shortcode, I can only put it in the header/footer areas, such as footer1 sidebar, etc.) -

    I would like to make it work using my child theme style css - so, I need to know what code to put in that file to make the shortcode work on the main website page in the area that shows the last (x) number of posts, I would love to see the load more button show right below the last post on the home page

    I have attached an image - the site is http://www.the-tech-prophet.com

  • Michael Bissett
    • Recruit

    Hey @Frank,

    The template file here would actually be something that exists on it's own inside your child theme, the code in that file would not go into the style.css for your child theme.

    Just upload the home.php file inside that .zip I attached to the root of your child theme folder, and you should see the change immediately. You'll need to open up that home.php file, and edit the shortcode inserted into it, I use Notepad++ for my code editing efforts:

    https://notepad-plus-plus.org/download/.

    Let me know if this helps please! :slight_smile:

    Kind Regards,
    Michael

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.