Unable to make it work with Elementor Posts Widget

@pako69

Please post in your site url.
And mention the selectors you are using in plugin settings.

Regards,
Mahesh

Hi @maheshmaharjan
I’m sorry but this website is a stagging one and publicly visible and about the selectors: I strictly used the same as mentioned here: https://isotropic.co/implementing-infinite-scroll-on-the-default-elementor-posts-widget/

Hello
Here https://www.wp-master.org/test-catch-infinite-scroll/ a quick simple test page with Elementor Pro Posts Widget.

Setup for your plugin is: https://i.postimg.cc/xjzmy6qL/catch.jpg
-Navigation Selector: nav.elementor-pagination
-Next Selector: nav.elementor-pagination a.next
-Content Selector: .elementor-posts-container
-Item Selector: article.elementor-post

Elementor Pro posts setup:
https://i.postimg.cc/CLpqvbfX/layout.jpg
https://i.postimg.cc/pXQn3yfT/query.jpg
https://i.postimg.cc/2SzBYmGx/pagination.jpg

Thanks

Hi @maheshmaharjan
Any news about my question please?
Thanks

Same here.Does not work.
Used this info but no luck

Nagivation: nav.elementor-pagination
Next: nav.elementor-pagination a.next
Content: .elementor-posts-container
Item: article.elementor-post

Same here, it doesn’t seem to work with the newest Elementor update

Hi @pako69 @alkis12 @numserbg,

This issue has been fixed and the update will be released soon. Thank you for you patience. One thing I noticed is that, in WordPress 5.5, elementor’s default pagination is not working. I checked with version 2.10.3 of Elementor Pro. If such issue occur on yours as well please contact Elmentor’s support.
For this fix, I have checked it in WordPress 5.4.2 (as elementor’s pagination not working on 5.5) and Elementor 2.10.3

Let me know if you get any issues.

BR,
Mahesh

Hi @maheshmaharjan

Unfortunatly all our 40 websites have been migrated to WP 5.5 but I do not seen yet an issue with elementor’s default pagination not working…

Thanks

Mahesh is right. There is an issue with default Pagination in WP5.5 and Elementor. I have been trying to figure out this out for past few hours without any luck. I thought this plugin might help but all is in vain so far.

@maheshmaharjan is there a chance for your plugin to work in case if there is an issue with Elementor? Is there any workaround perhaps?

Hi @ossman, @maheshmaharjan

Please this test page:https://www.wp-master.org/test-catch-infinite-scroll/
> It works with:
– WordPress 5.5
– Elementor 3.0.3
– Elementor Pro 3.0.1

But there is one thing I can not change: how to center align the button? I can just change the CSS for hover/non hover states

Thanks

EDIT: I just realized that whenI click on the Load More button the same posts are displayed… Is it the bug you are talking about?

• This reply was modified 4 years, 6 months ago by pako69.

@pako69 That’s the bug basically. it only load the same page when you click for next page etc.

Can I ask you how show the Load More button? is it Elementor Feature or is it form Plugin?

Hi @ossman
The Load More button is available when in the Catch Infinite Scroll settings you choose: “Click” for Load On (Trigger on)

Hi @pako69,

The Load More button is now showing, that means the latest update fixed the plugin issue. But if you notice, its is loading the same content again and again infinitely and this issue is from Elementor Plugin.

How to check?
Disable Catch Infinite Scroll and try clicking next pages from default pagination in elementor, it always ends up loading the first page. However, this problem only occurs in WordPress 5.5 but works fine on previous versions.

Please contact Elementor plugin’s support for this issue.

Regards,
Mahesh

Hi @maheshmaharjan

The issue is with Elementor AND WordPress 5.5, but not WordPress 4.3, so it’s hard to know from where is comming the issue ??

> But there is one thing I can not change: how to center align the button? I can just change the CSS for hover/non hover states

Thanks

Hi @maheshmaharjan

Elementor solved the issue with version 3.0.3 of Elementor Pro: https://i.postimg.cc/3RG8bW87/fix.jpg

Now it works for me with WordPress 5.5.1 as well as a WordPress 5.4.2, exemple: https://www.wp-master.org/test-catch-infinite-scroll/

The only question I have is about your Load More button:https://i.postimg.cc/Hxbm9Kzk/button.jpg

How can I center it?

Thanks

EDIT: I look at the code and your DIVs #infinite-handle and #ctis-loading are childrens of the DIV .elementor-posts-container. Doing that make impossible to make the Load More button a full 100% with DIV.

Those 3 DIVs should be placed outside the .elementor-posts-container DIV, like Elementor did with it’s own pagination:

<div class="elementor-posts-container">
<article></article>
<article></article>
<article></article>
</div>
<nav class="elementor-pagination"></nav>

So with same structure it should be:

<div class="elementor-posts-container">
<article></article>
<article></article>
<article></article>
</div>
<div id="infinite-handle"></div>
<div id="ctis-loading"></div>

• This reply was modified 4 years, 6 months ago by pako69.