Skip Navigation

[Resolved] Activate previous/next pagination controls to enable looping View

This thread is resolved. Here is a description of the problem and solution.

Problem: I would like to allow Users to navigate a paginated View in a loop, so they can go from page 1 to the last page by clicking "previous" and go from last page to page 1 by clicking "next".

Solution: This type of looping is only possible with Automatic AJAX pagination.

Relevant Documentation:
https://toolset.com/documentation/user-guides/views-pagination/

This support ticket is created 6 years, 8 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 9 replies, has 2 voices.

Last updated by Christian Cox 6 years, 8 months ago.

Assisted by: Christian Cox.

Author
Posts
#902424

I would need the first previous link on the first slide to link to the last slide, and the last next button on the last slide to link to the first slide, so you have a continuous loop of search results without a start and end.

#902460

Hi, you are describing the standard behavior for the Next and Previous text links as you can see in the Testimonials section here: https://christiancox-22119-rtl-1.discover-wp.com/

Am I misunderstanding your request?

#902464

Indeed, that is the behaviour I am looking for, but on my first slide, I cannot click the previous arrow. There is no A HREF around it.

#902503

Can you please share the code from your View's Loop Output editor and Filter Editor panels?

#902515

LOOP OUTPUT EDITOR

[wpv-layout-start]
	[wpv-items-found]
	<!-- wpv-loop-start -->
	<wpv-loop wrap="2" pad="true">
		[wpv-item index=1]
		<div class="row profile-slider">
		  <div class="col-sm-7" style="position:relative">[wpv-post-body view_template="View for Team Members - slide video"]</div>
          <div class="col-sm-1"></div>
          <div class="col-sm-4">[wpv-post-body view_template="View for Team Members - slide"]</div>
		</div>
	</wpv-loop>
	<!-- wpv-loop-end -->
	[/wpv-items-found]
	[wpv-no-items-found]
		<strong>[wpml-string context="wpv-views"]No items found[/wpml-string]</strong>
	[/wpv-no-items-found]
[wpv-layout-end]

However, my pagination is in the FILTER EDITOR

[wpv-filter-start hide="false"]
[wpv-filter-controls]
	<ul class="pagination">
		<li class="page-item">[wpv-pager-prev-page force="true"][wpml-string context="wpv-views"]<i class="fa fa-chevron-left"></i>[/wpml-string][/wpv-pager-prev-page]</li>
		<li class="page-item">[wpv-pager-next-page force="true"][wpml-string context="wpv-views"]<i class="fa fa-chevron-right"></i>[/wpml-string][/wpv-pager-next-page]</li>
	</ul>
[/wpv-filter-controls]
[wpv-filter-end]
#902590

I don't see anything obviously wrong in this code. Can you share a URL where I can see the problem? Please provide login credentials in the private reply fields here.

#906363

Okay I see why there is a difference here. My View is set to use Automatic AJAX pagination, but yours is set to use Manual AJAX pagination. When I change mine to Manual, I see the same issue. Let me reach out to my 2nd tier support team to see if it's possible to create a looping slider View with Manual AJAX pagination. I'll update you when I have some additional information to share.

#906864

It turns out that automatic AJAX pagination is required for this type of looping with Next and Previous buttons. Another option is to use dot navigation instead of Next / Previous links. Yet another option is to use custom code to create this type of navigation system, but that falls outside the scope of support we provide here in the forums. I will be glad to submit this as a feature request if you'd like. Let me know how you would like to proceed.

#907291

The downside of automatic pagination is that the max delay is only 19 seconds which is too fast for our use. Can that be modified?

#907924

There is no public API for modifying the delay options. However, you can enable the "Pause on hover" option, which will stop the timer whenever the user moves their mouse over the slider area.