Add an Infinite Scroll to your Oxwall News Feed

For anyone using OxWall that would like a quick and simple way to add infinite scrolling to your newsfeed so users do not have to click “View More”, here you go. I am modifying the core newsfeed code here, not creating a plugin. Just keep this in mind if you plan to update in the future. You could probably create a plugin to do this, but for the purposes of this guide we are going for quick and simple.

  1. Ok that being said, you need to open  -
    ow_plugins/newsfeed/static/js/newsfeed.js
  2. Right after “this.$viewMore = this.$(‘.ow_newsfeed_view_more_c’);
    add this code:

     $(window).scroll(function(){
    if($(window).scrollTop()+$(window).height() == $(document).height()){
    var btn = self.$viewMore.find(‘.ow_newsfeed_view_more’);
    btn.trigger(“click”);
    }
    });

    All we have done here is add a scroll function, this is called when the user scrolls. Inside of that we say “if the user is at the bottom of the page” (if the amount scrolled above plus the current window height is the same size as the entire document, we are at the bottom of the page) then we want to trigger the click function for the “view more” button.\

    You can take this a step further and do a lot more with it too like add a loading message etc.

    (Don’t forget to set”OW_DEV_MODE” to true in your config.php file to reload the js file)

    That’s it, let me know if this works for you and any comments/critiques are welcome.

Thank you,
Charles Benson,   http://OxwallAccessories.com

Looking for quality OxWall Hosting? Look no further than Arvixe Web Hosting!

– See more here

– See more here

Tags: , , , , , , , | Posted under Oxwall | RSS 2.0

Author Spotlight

Charles Benson

Charles Benson

I'm here to find you answers and give you tips on running an oxwall based website through Arvixe Web hosting. If you need anything at all feel free to get in touch with me!

4 Comments on Add an Infinite Scroll to your Oxwall News Feed

  1. Tom says:

    Can you do a video step by step how to create a backup for your Oxwall site in cpanel? I want to update 1.6 but I want the create a backup first in case something go wrong I can go back to 1.5.3 but I don’t know how to create a backup. Please show me thanks.

  2. Gunaseelan says:

    I tried this code in my demo site, But it didn’t work. DEV_MODE is true. Please help

Leave a Reply

Your email address will not be published. Required fields are marked *


3 × 9 =

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>