No search results were found in Documentation!
Hi,
The infinite loading works only with cloud post templates. The initial post must use a cloud template where you can enable the infinite load, for the rest of the posts that are loaded is not necessary.
The theme provides 3 ad spots for the article content, both for the default post templates and also for cloud templates. Other than these, more ads in the post content could only be inserted with plugins maybe, or directly in the content manually.
Note that in the cloud post templates the ad codes have to be entered in the composer directly, in the post content element – http://prntscr.com/o7a8oc
Please let me know if you have more questions.
Thanks
I currently use Advanced Ads for automatically placing my ads based on the content length. I want to enable Infinite Scroll on Single posts, but it looks like I need to use a Cloud Template? If I use a Cloud Template, I can’t use my Advanced Ads, I can only place three ads per post? Is there a workaround to allow Infinite Scroll without the Cloud Template? Or a way that the Single Post Template will auto insert my ads?
Hi,
In blocks pagination it will be the theme accent color by default
– http://prntscr.com/o3u3dh – http://prntscr.com/o3u390
If a color is set for the title background in the composer – http://prntscr.com/o3u3uc
That will be the color used – http://prntscr.com/o3u4b3
In other places such as category pages for example, when the infinite load is used, the theme accent color will be used.
What is happening in your case? Post a link to the website so I can take a look.
Let me know.
Thanks
Hi, I update my theme to the last version avaible. I have 2 errors on my site.
The first one is that all block elements from wpbakery are not visible while tagDiv Composer plugin is activated, when I deactivate tagDiv Composer plugin, Wpbakery block elements are visible again.
The second one, its that, tagDiv Composer never loads, just a infinite spining wheel, and console logs bunch of errors that are listed below.
So my site its currently down. No other plugins are installed except for those required by the theme and wpbakery, again, when I deactivate tagDiv composer Wpbakery works fine, when I activate
tagDiv composer plugin wpbakery fails to load block elements. </strong>
<code>js_files_for_wrapper.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:570 Uncaught TypeError: Cannot read property 'shortcode' of undefined
at js_files_for_wrapper.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:570
at Function.s.each.s.forEach (load-scripts.php?c=1&load[]=hoverIntent,common,admin-bar,underscore,backbone,shortcode,thickbox,wp-util,wp-backbone,media-models,wp-plupload,jquery-ui-sorta&load[]=ble,wp-mediaelement,wp-api-request,media-views,media-editor,media-audiovideo,mce-view,imgareaselect,image-edit,svg-painter&ver=5.2.1:4)
at js_files_for_wrapper.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:570
at Function.s.each.s.forEach (load-scripts.php?c=1&load[]=hoverIntent,common,admin-bar,underscore,backbone,shortcode,thickbox,wp-util,wp-backbone,media-models,wp-plupload,jquery-ui-sorta&load[]=ble,wp-mediaelement,wp-api-request,media-views,media-editor,media-audiovideo,mce-view,imgareaselect,image-edit,svg-painter&ver=5.2.1:4)
at Object.updateSavedShortcodes (js_files_for_wrapper.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:569)
at Object.init (js_files_for_wrapper.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:542)
at js_files_for_wrapper.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:580
at js_files_for_wrapper.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:580
(anonymous) @ js_files_for_wrapper.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:570
s.each.s.forEach @ load-scripts.php?c=1&load[]=hoverIntent,common,admin-bar,underscore,backbone,shortcode,thickbox,wp-util,wp-backbone,media-models,wp-plupload,jquery-ui-sorta&load[]=ble,wp-mediaelement,wp-api-request,media-views,media-editor,media-audiovideo,mce-view,imgareaselect,image-edit,svg-painter&ver=5.2.1:4
(anonymous) @ js_files_for_wrapper.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:570
s.each.s.forEach @ load-scripts.php?c=1&load[]=hoverIntent,common,admin-bar,underscore,backbone,shortcode,thickbox,wp-util,wp-backbone,media-models,wp-plupload,jquery-ui-sorta&load[]=ble,wp-mediaelement,wp-api-request,media-views,media-editor,media-audiovideo,mce-view,imgareaselect,image-edit,svg-painter&ver=5.2.1:4
updateSavedShortcodes @ js_files_for_wrapper.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:569
init @ js_files_for_wrapper.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:542
(anonymous) @ js_files_for_wrapper.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:580
(anonymous) @ js_files_for_wrapper.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:580
js_files_vue_modals.min.js?ver=d158fac1e2f85794ec26781eb2a38fd9:204 You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html
load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2 Uncaught Error: Syntax error, unrecognized expression: #/
at Function.ea.error (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2)
at ea.tokenize (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2)
at ea.select (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2)
at Function.ea (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2)
at Function.a.find (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:8)
at n.fn.init.find (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2)
at n.fn.init.a.fn.find (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:8)
at a.fn.init.n.fn.init (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2)
at new a.fn.init (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:8)
at n (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2)
ea.error @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2
ea.tokenize @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2
ea.select @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2
ea @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2
a.find @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:8
find @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2
a.fn.find @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:8
n.fn.init @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2
a.fn.init @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:8
n @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2
hashNavigation @ vc-accordion.min.js?ver=6.0.3:10
i @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2
fireWith @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2
ready @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2
J @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2
[Violation] Forced reflow while executing JavaScript took 35ms
VM2051:1022 GET https://elresistenciano.com/sitio/wp-content/uploads/2018/03/lifestyle-magazine-logo-mobile-1.png 404 (Not Found)
jquery-migrate.min.js?ver=1.4.1:2 JQMIGRATE: Migrate is installed, version 1.4.1
iframe.js:963 [Violation] 'setTimeout' handler took 123ms
?td_action=tdc_edit&post_id=34&tdbTemplateType=page:2523 GET https://elresistenciano.com/sitio/wp-content/uploads/2018/03/11.jpg 404 (Not Found)
[Violation] Forced reflow while executing JavaScript took 35ms
?td_action=tdc_edit&post_id=34&tdbTemplateType=page:2523 GET https://elresistenciano.com/sitio/wp-content/uploads/2018/03/12.jpg 404 (Not Found)
js_files_for_wp_admin.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:26 (5) [N.d, N.d, N.d, N.d, N.d]
load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:3 [Violation] 'load' handler took 155ms
ace.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:1 Uncaught TypeError: n is not a function
at n (ace.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:1)
at a (ace.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:1)
at r (ace.js?ver=6.0.3:10)
at Object.a [as require] (ace.js?ver=6.0.3:10)
at post.php?post_id=34&td_action=tdc&tdbTemplateType=page:2585
at dispatch (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:3)
at r.handle (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:3)
n @ ace.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:1
a @ ace.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:1
r @ ace.js?ver=6.0.3:10
a @ ace.js?ver=6.0.3:10
(anonymous) @ post.php?post_id=34&td_action=tdc&tdbTemplateType=page:2585
dispatch @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:3
r.handle @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:3
load (async)
add @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:3
a.event.add @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:8
(anonymous) @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:3
each @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2
each @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:2
ra @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:3
on @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,moxiejs,plupload,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse&ver=5.2.1:3
init @ td_wp_admin.min.js?ver=9.7.3:82
(anonymous) @ td_wp_admin.min.js?ver=9.7.3:91
Hello,
We have been having this problem for a few months and we have been doing all kinds of tests all this time to try to solve it.
The problem:
We use the infinite scroll and some articles overlap as you scroll (the photos overlap, it does not let you read some articles that are hidden and there comes a time when you can not keep scrolling, it hangs).
It happens with Google Chrome and Firefox (we don’t know how it works in other browsers)
And it happens both in desktop and mobile devices (also tablets)
Screenshot of the problem: https://imgur.com/YCbnMo0
System status:
– We accomplish all the requirements that you request (https://forum.tagdiv.com/requirements-for-newspaper/)
Tests we have done:
– We have disabled all the plugins.
– We have tried to reduce / enlarge the post number of infinite scroll.
– We have tried with unmodified custom templates (from the theme)
– We have tested with the Child Theme, without the Child Theme, removing CSS, checked with different types of posts, changed the post settings … everything! (We can not think of more options).
Deductions:
– We have detected that the problem is generated by the ads (we use Google Adsense, nothing more common)
– We disabled the plugin that we use for the ads and we have introduced the ads manually in the posts to do the test.
– We have changed the Google Ads settings (different dimensions, manual / automatic)…
With all this, the problem keeps happening, so we can only infer that it is a problem generated by the Theme ¿?
We have another website where we use the same Theme and we have the same problem of overlaping posts.
As you can imagine, for us it is vital that both advertisements (it is our way of monetizing) and infinite scroll (to generate permanence and that more ads are displayed) work correctly.
You can test it here: https://www.flipa.net/ayahuasca-sanacion-milagrosa-experiencia-demoniaca/ (or entering any post)
please croll down until you get the error (you will sure get it, but it might not show if you only scroll down a few times).
Can you give us a solution?
We wait for your answer!
Hi,
Please make sure that you set the infinite loading as we mentioned in our guide -> https://tagdiv.com/infinite-loading-for-single-posts/
Also please make sure that you do not have a plugin conflict, please deactivate all non theme plugins, also if you are using child theme or cache plugin, please deactivate them, clear all cache and try again.
Thank you!
Setting the infinite load to 5, 10, 20, or 50 (%) doesn’t work. It doesn’t start pre-loading until at the end of the page when you start to see a blue square moving around, loading the next articles (which takes another 2-4 seconds).
It doesn’t matter which post template we use (that support it), it will not load until we’re at the end of the article.
Sample: https://royalcoastreview.com/2019/06/factory-activity-shrinks-across-asia-recession-fears-mount/
Hi,
I browsed the website with a mobile for a while, but I can’t see the problem happening. The posts look alright from the first one to the last in the infinite loading.
A link to where I can see it happening would be helpful. I am checking with an Android phone with Chrome. Let me know.
Thanks
I’ve enabled infinite scroll on single posts with maximum number of 5 posts and a 50 percent scroll (I’ve tried a variety of percentages, from 10 to 75) and have the same problem. The second post looks fine, but the third is off center. 
“To achieve infinite post you can do that using the themes features. Find out more here: https://tagdiv.com/infinite-loading-for-single-posts/”
I did it, but my posts are cropped
I think that this option has a limit on the number of characters and my posts are cropped.
and next post are loaded so long time.
I am not happy.
Hello !
Unfortunately we did not tested this plugins and therefore, we cannot say for sure if it will work or not as expected with the theme, sorry! Also, we cannot provide support for untested plugins. If you’ve installed the plugin and the page has errors that means the plugin is not compatible.
To achieve infinite post you can do that using the themes features. Find out more here: https://tagdiv.com/infinite-loading-for-single-posts/
This is our list with tested plugins with our theme -> https://www.screencast.com/t/cmPkh9jba4sZ
Thank you!
Hello. I need to use 2 plugins:
1. WP-PostRatings / link: https://wordpress.org/plugins/wp-postratings/
2. WordPress Infinite Scroll by Auto Load Next Post / link: https://wordpress.org/plugins/auto-load-next-post/
Questions:
1. I need to install WP-PostRatings in pages on my website. I must add this code <?php if(function_exists(‘the_ratings’)) { the_ratings(); } ?> on post page, but your theme use different “Post templates” and i can’t find where to insert the code so that it is added to all “Post templates”.
2. I need to use “WordPress Infinite Scroll by Auto Load Next Post” for Auto Load Next Post, but i don’t understand, what classes i need to write in “Theme Selectors” in plugin settings.
Thank you for help
Sorry to ask a lot of questions, but I want us to make Newspaper better together 🙂 I saw that new pages are loaded in iframe. Yandex and Google tell us that this is not the best solution. It can cause indexing problems. Can I opt-out iframe, but save infinite loading?
Hello, I activated the infinite scroll, with an option to load previous posts, but it’s not working.
Here is the URL: http://shilomagazine.com.au
What could be the issue?
Hi,
Unfortunately the infinite load can be achieve only using tagDiv Composer and tagDiv Cloud Library.
Thank you!
Hello !
Our theme already has the infinite scroll option and the links do change when you go from a post to another. Please take a look at this documentation regarding this topic: https://tagdiv.com/infinite-loading-for-single-posts/
Thank you !
Hello !
The smart sidebar was never designed to work with infinite loading there is missing functionality that needs to be implemented in the sidebar function in order for it to stop at the end of the post and then the other one grabbed for the next post. But since this was never part of the theme but a customization you made, you will have to create the implementation for the sidebar as well if you want to have smart sidebars on infinite posts.
Sorry but this is not tested and there is no official solution I can provide for infinite loading. Sorry. The process is more complex than that though. what if you use different post styles? what if you use a smart list? there are a lot of things to consider when creating such customization. That is why we have not been able to figure it out properly as there are many things to consider and the implementation has to be done proper, not just make it work in specific isolated cases. That is why this feature is not yet part of the theme as if the solution were that simple, it would already have been implemented.
Sorry but we cannot provide any assistance into this until our development team decide it is a feature that will be implemented into our theme.
Thank you !
Hello,
I created a cloud template for single posts.
I use Widget sidebar and already click on “sticky” (Column).
The problem is: Sidebar is sticky only for the first single post in row .
How i could dublicate this effect in posts after Infinite Loading?
Hello,
We need to exclude from the post auto loading of our custom post template some tags of posts that we don’t want to be shown. How can we do it?
Thanks!
I have created a custom single post off a Cloud Template and have applied the infinite scroll option of the single post template.
Sticky Sidebar
On desktop the infinite scroll works fine, however, the sticky menu on the sidebar doesn’t stick on the new posts that load
Loads then disappears
On mobile, the next post will load but then disappear leaving large amounts of blank spaces.
Example post can be viewed on staging site link – http://akf.f41.myftpupload.com/perth-mess-hall-opening-weekend-food-truck-lineup-27527
Hi Calin,
The question was about Pages, not posts (articles).
We want to have infinite loading that includes Ads in the Home page and other pages like categories.
Is it possible?
Hi,
Please check our documentation for How to use the Infinite Loading for Single Posts in Newspaper Theme -> https://tagdiv.com/infinite-loading-for-single-posts/
In Infinite Loading the ads set in post content should appear on all loading posts
-> https://www.screencast.com/t/F7w5uMhsQa -> https://forum.tagdiv.com/article-ads/
If you are using single post template from tagDiv Cloud Library you need to set the ads in post template -> https://www.screencast.com/t/YcHTAEJmxj
Thank you!
Hi,
We want to have infinite scroll in pages but including ads in the middle.
Is it possible to create a module that includes an Ad and then set the whole module with infinite loading so it shows different post as you croll and a banner every X posts?
It would be great if you could tell us how to do it.
Thanks!
Hi,
I have checked again your post page and I saw that the size of your header Ad is not properly displayed when you are using the Infinite Scroll on the post. Please notice that our theme simply takes the Google Adsense which you have added at the ad box and only display it on the Front End without any changes over that code. Also, the theme has not been tested with Google Ad manager and that problem happen due for this. Use the default settings for Google Adsense without any untested plugins, leave just to active only the required and tested plugins, clear all the caches, purge CDN files and check the results.
Hope this helps and let us know how it goes!
Thank you!
Hello !
In order to have the Infinite loading option you have to apply a single post cloud template on your article page and then edit it for the Infinite loading option. Find out more about Infinite loading option from our documentation here: https://tagdiv.com/infinite-loading-for-single-posts/
Thank you !
