[Resolved] Load More button not working

[Author]

Posts

[Tcoffee]

I am trying to create a Load more button functionality as per these instructions: https://toolset.com/forums/topic/load-more-button-3/

Link to a page where the issue can be seen:hidden link

I expected to see: the load more button beneath the items of the CPT

Instead, I got: load more button is not showing

Code for the view:

[wpv-layout-start]
	[wpv-items-found]
	<!-- wpv-loop-start -->
		<wpv-loop>
          <div class="column col-md-4 col-sm-6 weddings show">
						<div class="content top-border-round">
							<a class="list" href="[wpv-post-url]">
							<img src="[wpv-post-featured-image size='full' output='url']" alt="">
							<h4>[wpv-post-title]</h4>
							<p>
								[wpv-post-date]
							</p>
							</a>
						</div>
					</div>
   
		</wpv-loop>
	<!-- wpv-loop-end -->
	[/wpv-items-found]
[wpv-pager-next-page force="true"][wpml-string context="wpv-views"]Load More Button here ...[/wpml-string][/wpv-pager-next-page]
	[wpv-no-items-found]
		<strong>[wpml-string context="wpv-views"]No items found[/wpml-string]</strong>
	[/wpv-no-items-found]
[wpv-layout-end]

pagination settings attached as a screenshot.

Please help me fix the issue

[Luo Yang]

Hello,

Please edit the post view you mentioned above in screenshot:
https://toolset.com/wp-content/uploads/2019/08/1317729-Screenshot_1_6.png
in section "Limit and Offset", make sure you are using option:
Display "No limit" items.

And I have checked the URL you mentioned above:
hidden link

There are lots of JS errors, see screenshot jserror.JPG
Since the Views "Infinite scrolling" depends on Java-scripts, I suggest you fix those JS error first, for example:
Deactivate all other plugins, and switch to wordpress default theme 2019, deactivate all custom PHP/JS code snippets, and test again

More help:
https://toolset.com/documentation/user-guides/infinite-scrolling-in-views/

[Tcoffee]

Hi,

I'm using the options <b>display: no items </b>by default.

Also checked by deactivating plugins and changing to default theme but no luck. can you please help on this further

[Tcoffee]

Hi,
I'm waiting for your reply, can you please expedite on this.

[Luo Yang]

I am working in GMT+8 time zone, and it was weekend.

I have tried the same setting in my localhost, it works fine.

Please provide a test site with the same problem, fill below private message box with your website credentials, I need to test and debug it in a live website. thanks

[Luo Yang]

Thanks for the details, I can log into your website, but it is not an administrator account, can not check the view's setting, please check it, make sure the credentials you provided above is a valid administrator account, thanks

[Tcoffee]

HI,
Sorry for that, i have changed user role to admin. can you please check it now

[Luo Yang]

Thanks for the details, I assume we are talking about post view "blog section".

I have done below modifications in your website:
1) Since there are lots of JS errors from your theme:
https://toolset.com/wp-content/uploads/2019/08/1317757-jserror.jpg
so I have switched to wordpress default theme 2019
But the URL you mentioned above display 404 error
hidden link

2) So I create a new page, put the view "blog section" shortcode into content:
hidden link
[wpv-view name="blog-section"]

3) Edit the post view "blog section":
hidden link

click "Screen options", enable option "Full custom display mode", this will be able to display pagination section

4) in section "Pagination and Sliders Settings", change the setting to "Infinite scrolling", same as the thread you mentioned above:
https://toolset.com/forums/topic/load-more-button-3/

5) In section "Loop Editor", add the pagination shortcode:
[wpv-pager-next-page force="true"][wpml-string context="wpv-views"]Load More Button here ...[/wpml-string][/wpv-pager-next-page]

Test it in front-end:
hidden link

I can see it works just fine, can you confirm it? thanks

[Luo Yang]

You can switch back to your custom theme, and you need to fix those JS errors, they will prevent Views "Infinite scrolling" from working.