How to use the Infinite Loading for Single Posts in Newspaper Theme

Home

Newspaper Theme 9.5 comes with a brand new feature designed to increase the time spent by visitors on your website. The “Infinite Loading for Single Posts” makes users smoothly scrolling through your interesting articles and post, without clicking away. Why is this important for you as a website owner and how to set it up? Keep reading below as we take a look inside to see what make this feature an excellent improvement for every website.

Why Infinite Loading?

Infinite Loading lets the audience move from one blog post to the other in a very fluent and intuitive way. Once they reach the end of an article, the loading icon appears, and the next post is brought up. The user can keep reading without having to click away through the breadcrumbs and find your next awesome piece of content through the Category Page.

The feature proves useful as it keeps the visitors on your website for extended periods, thereby increasing the time on page. As a bonus, you get to choose the number of posts a user can read through.

Infinite Loading for Single Posts? Yes!

The ever-popular websites like Pinterest, Tumblr, Facebook, and Instagram are the masters of using this feature to show off related content. This also pans out greatly for mobile device users as they can keep moving through the posts efficiently. However, be responsible with the use of the Infinite Loading as it increases the memory used by the browser. Prevent this from happening by setting up a limit for the number of posts your website pulls up with the new feature.

Get the Infinite Loading for Single Posts

Infinite Loading for Single PostsFirstly, let’s start by taking a look through the Cloud Library. Browse through the online gallery and choose the Single Post Template that fits your website the best. Through the Newspaper Theme Panel, assign the Single Post Template as your global template for your articles. Under Post Settings > Default Post Template, choose the imported layout and save your settings.

Now, open the tagDiv Composer on your Single Post Template. From the bottom of front end page builder, click the rectangular icon. This brings you to a new window that controls the Infinite Loading for Single Posts. If you click the Enable button, the feature instantly activates globally on your website.

From here, you can choose to display previous posts, recent articles, or ones from the same Category. The decision is up to you. When you open a Single Post Template, click on the Articles Auto Loading icon.

In the “Number of Auto Loaded Articles” section, type a number. Left empty, the Newspaper Theme will load posts until it reaches the end of your content. If you have a few dozens of articles, without setting up a limit, you’ll end up displaying old content. Or worse, you’ll create a frustrating user experience to the engaged visitors, and nobody wants that. Before you close the tagDiv Composer, save your settings. You’re done!

Have you found the perfect number of articles to display for your website? Test and experiment with the “Infinite Loading for Single Posts” to find out what works best for your content. Do you use it to display recent articles or choose to keep the visitors scrolling through posts of the same category? Tell us about it in the comment box below!

Subscribe For More!

If you want to be the first to find out more about our themes
please subscribe to our newsletter

Alexandra I.
Alexandra I.
I love video games and photography. You can usually find me drawing, editing or reading. My curiosity leads me to learn something new every day. I try to pursue life through a creative lens and find inspiration in others and nature.

47 COMMENTS

  1. I’m curious as to why this is just added to the theme panel where you just click the box and it can do this. Having to add yet another plugin to do this task seems like just another thing to slow our websites down. The Logo Creator new function has definitely proved to be a slowdown for something most of us didn’t want or need.

    That article loader was what all of us have been wanting, but it seems like all these additional steps is unnecessary. Other themes have been using this function and all users do is just click a box to turn it on.

    • Hi,

      The cloud library plugin adds a great deal of flexibility to the theme, cloud templates, composer elements, now the auto-load and header builder and header manager were added. It is not a required plugin, but only though it will there be access to all those features. At the moment I can’t say if there will be an option added in the theme panel for the post auto-load, in case some users don’t want to install an extra plugin just to have it. Sorry for any inconvenience.

      Thank you!

  2. I use different post templates for my site, depending on the post. Can you please create the Infinite Loading so it can be turned on in the Theme Panel and applied to all post templates, even if the Cloud Library is not enabled. From what I can read on the online forum, people like the feature but are unhappy it can only be accessed by using a plugin.

    • Hi,

      Currently that is how it works, only through the cloud library plugin. The same for the header builder/manager. I can’t say if this functionality will be subject to change in the future, it remains to be seen.

      Thank you!

  3. It does not work all the time, sometimes it just shows the loading icon and nothing loads, also why is it not added in the options?

    • Hi,

      The auto load option is only present while editing a cloud post template, in the composer. If you have problems with the auto post loading feature, we could take a look. Please send us an email at contact@tagdiv.com and provide admin login so we can investigate. Mention as many details as possible about the problem.

      Thank you!

  4. It is extremely slow on mobile and does not work most of the time on mobile. Is there a way to fix it?

    Also, is there a way to make the next post load a little sooner than to reach the absolute bottom of the page, say when I have scrolled 80% of the post, the next one loads, it saves the user some time. Can it be done in settings or by some code change? Please suggest.

    • Hi,

      You could use the mobile theme plugin – https://forum.tagdiv.com/the-mobile-theme/ there should be a noticeable improvement after activating it. If you don’t want to use this plugin and teh website is loading slow, we could take a look. Send us an email at contact@tagdiv.com and provide a link to the website so we can take a look.

      Regarding the auto load feature, there will be an option added for this purpose. So while using auto load, the next post will be able to load before reaching the end of the currently viewed post. We will try to improve this new feature over the coming updates.

      Thank you!

      • Thanks for the reply Simon. I have enabled the mobile theme and it has helped to improve the mobile speed. Now if I enable the infinite scroll on single post using the cloud template, will that work on the mobile theme too? I mean, does the mobile theme use same template for single post as the desktop version does?

        • Hi,

          It will not work when the mobile theme plugin is active, the mobile theme has it’s own predefined post template that will be used. So the only way of having infinite loading on mobile would be to not use the mobile plugin.

          Thank you!

  5. I applied it was fine. However, I am experiencing a significant slowdown in the page opening speed. We can also put an in-article ad into an unlimited upload theme.

    • Hi,

      So after enabling the auto-load option, the loading speed of the post page has dropped. We could take a look, send us an email at contact@tagdiv.com and provide a link to where we can see the issue on your website.

      Thank you!

  6. Hi there,
    You guys are amazing. Every new feature is worth the money and I am happy because the Newspaper is one of the highest selling themes on ThemeForest. Congratulation. I am here to ask you about the infinite scroll. So, I just have enabled it and it is working fine. No major problems. So, I have a small question. Does it really increase numbers of page view counts in Google Analytics? I am waiting for your reply.

    Thanks!

    Best,
    Yash M.
    Right Brothers.

    • Hi Yash!
      Thank for using Newspaper Theme. We are grateful for your awesome feedback 🙂

      Regarding your question about the page views count in Google Analytics – Assuming your Google Analytics implementation is correct, the script will report any modification in traffic volume, as well as Time on page, Pageviews, Avg. Session Duration, Bounce rate, and all the other Analytics metrics and dimensions. You can see more about the Google Analytics pageview metric here – https://support.google.com/analytics/answer/6086080?hl=en

      Now, the Newspaper Theme’ Autoloading feature is increasing the time your visitors spend on your website (by increasing the theoretical number of articles opened by the user). I want to be clear: It doesn’t interfere with the way Analytics reports data. The feature gives your audience the opportunity to read more content. How they interact with it, we have no way to predict. You should know, as they are your audience. For example, if you give them low-quality content, you may also see an increase in the bounce rate metric. 🙂 I’m sure that’s not your case, though. If you have more questions, please send us an email at contact@tagdiv.com. Thank you!

      • Hi Alina,
        Well, you are definitely right. People should enjoy the content and if it is engaging people will love to read more and more. And also, low-quality content is not the case with me. I always focus on better content. And that’s why just created a whole new different designed theme for posts using your builder. It’s too awesome now to design.

        You guys are great!
        Thanks a lot. I am not regretting to join the Newspaper family.

        Best,
        Yash M.

    • Hi,

      There is an issue currently like you are describing, starting from the second post which is auto-loaded the sticky mode doesn’t seem to function correctly. It is being investigated and will be fixed as soon as possible. Sorry for the inconvenience. The auto-load feature will be improved and more settings will be added for it over future updates.

      Thank you!

  7. Hii team ❤️,

    I’ve question about this feature. Can i enable this option with default post templates that comes with theme. I mean if i don’t want to use single post template from cloud library.

    Thank you,

    • Hi, Sagar!

      The Autoloading feature is designed to work for the new post templates which use a different implementation than the default ones. Because of this, you can’t activate it without using the Cloud Library plugin.

      I can’t see what stops you from using the Cloud Library. If you like the post template you’re using now, just import it again from the Cloud Library and assign it globally. Your posts will look the same, you’ll be able to use the Autoloding feature and you’ll gain infinite possibilities to customize your pages, articles, headers, footers, ads and so on with tagDiv Composer. Can you send us an email at contact@tagdiv.com and share with as the reason or reasons that stop you from using it? Your feedback is really important to us. 🙂

      Thank you!

  8. Is there any way to make it work with a smart list? I would like you to load the next page into a list without pressing the next button. Thank you.

    • Hi,

      The auto-load posts will load the whole post content, there is no relation between the auto-load next post and a smart list. The smart lists will retain their previous functionality, meaning they will work same as before.

      Thank you!

    • Hi,

      It will not work on mobile if the mobile theme is active, it will work only with the responsive mobile version (not using the mobile theme plugin).

      Thank you!
      Simion C.

  9. I applied infinite loading in single page, works fine! But, quiet slow, It takes time to load the following post..

    I checked the alternative templates with this feature, there are lighting fast infinite loads for same feature.

  10. Works fine but the loading takes time, at least 4-5 seconds, I tried to remove elements of social & widget but still at least 3-4 seconds to load following post.

    Maybe loading the next +2 post while the user loads previous would solve this issue as a buffer.

      • hi, thanks for the tip, I tried to set zero (I guess It starts loading on the beginning of previous post) but still It lags significantly negatively effects user experience.. I also removed sidebar to see If It is the reason but no luck..

        • Hi,

          Seems to work alright, it depends on how fast the visitor scrolls down the page. Normally this would not be noticeable or barely noticeable at all if the visitor actually reads the post and scrolls gradually down the page. In the link you provided I read the post and scrolled as I read it, the next posts was there when I finished it. Only if you quickly scroll down the post it may be some delay before the next post is loaded. Also if the posts are shorter you could set an even smaller percent in that field. Then test again.

          Thank you!

  11. Hello,

    Could you please tell me if you plan in the future to implement the Auto Load feature in the Mobile Theme?
    I’m asking you because if i want to use AMP i need to activate the Mobile theme, but if i want to use the auto load feature i can’t with the mobile theme activated.

    Thank you and keep up the new

    • Hi,

      That could be a possibility, can’t say for sure however. There will be changes made to the current functionality of the mobile theme and AMP plugin, more options will be added gradually in coming updates.

      Thank you!

  12. Hi, please help me out understanding the logic behind why the infinite scrolling option is not part of the theme, but a plugin, making the site slower. Then you mention about mobile engagement, However in the mobile theme, there’s no infinite scrolling, right?
    Maybe I’m just new and don’t understand fully, but from all the comments I’ve read, most of the users seem to have the same issue.
    Great theme by the way.

    By the way, can’t comment with . consulting nor . digital domain extensions, they’ve been around for a couple of years.
    Thanks!

    • Hi,

      The infinite loading for posts is possible through the cloud library plugin only, at the moment. The cloud library plugin will add a great deal of other possibilities when active, not just the infinite loading option. Currently the infinite loading will work only without the mobile theme being active. There may be changes in the future, there are many plans on our side to improve the functionality in this matter. We appreciate the feedback and thank you for the kind words.

      Thank you!

    • Hi Achim,

      The Infinite Loading feature is directly linked with the implementation of the tagDiv Cloud Library. I know the development team is considering the future implementations for a major update on Newsmag Theme, but I can’t make any promises regarding the Infinite Loading or the time frame for it. The new big update will bring you additional functionality that I’m sure you’ll love. 🙂

      Thank you for understanding!

    • Hi,

      There is a possibility that a video will be created specifically to showcase the infinite loading feature, however I can’t promise anything. Please let us know if you have questions about this feature, either create a topic in the theme forum or send us an email at contact@tagdiv.com.

      Thank you!

  13. Hi, Long time awaited feature. Just now enable it in my News website. https://dhinasari.com But please look at the end of every news item, the same news content repeatedly visible left to right (without layout). After that next news item loading. Could you please give any idea to disable this..?

    • Hi,

      I have checked the website you provided, but I can’t seem to find a post that uses a cloud template with infinite loading active. If there is a problem when you try the infinite loading, please send us an email at contact@tagdiv.com and provide admin login so we can take a look. Mention as many details about the issue as possible. Let us know.

      Thank you!

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Check out our latest

Stories