Skip Navigation

[Resolved] each pagination show only next 1 post while the list view shows 6 posts

This support ticket is created 5 years, 6 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
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 2 replies, has 2 voices.

Last updated by chong-sumw 5 years, 6 months ago.

Assisted by: Waqar.

Author
Posts
#1237485

I am trying to: make a list view showing 6 posts with each pagination only showing the next 1 new post instead of the next 6 new posts

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

I expected to see: hidden link

For example, when the page is loaded it shows 6 posts, namely post 1,2,3,4,5,6 , then when I click the next pagination button, the page now should show post 2,3,4,5,6,7 instead of post 7,8,9,10,11,12

It would be great if some instruction could be given on how to achieve this. thank you very much.

#1237486
#1237779

Hi there,

Thank you for waiting.

I've performed some tests on my website and can confirm that currently the Toolset View's slider feature can be used to move a set of slides at the same time ( based on "items per page" option ), but not one at a time.

You're welcome to submit this as a feature request at:
https://toolset.com/home/contact-us/suggest-a-new-feature-for-toolset/

Meanwhile, to have image carousel which scrolls through the slides, one-by-one, you can create a view which shows all image/slides at once and then integrate custom script, which can show them in a carousel.

Some examples of such scripts are:

1. hidden link
( WordPress plugin: https://wordpress.org/plugins/owl-carousel-wp/ )

2. hidden link
( WordPress plugin: hidden link )

For personalized assistance around custom code, you can also consider hiring a professional from our list of recommended contractors:
https://toolset.com/contractors/

Note: To make the space between the existing post items in a grid, better adjust based on the screen size, you can make use of CSS flexbox layout.
( ref: hidden link )

For example, in your view, where you have the following custom CSS code:


.featured {
  border:0px solid silver;
  margin: 5px 5; /*between cards*/
  border-radius:5px;
  height: 250px; /*if 100% then negative margin no effect*/
  width: 250px;
  display: inline-block;
}

You can update it to:


#wpv-view-layout-563 .row {
  display: flex;
}

.featured {
  border:0px solid silver;
  margin: 5px 5; /*between cards*/
  border-radius:5px;
  display: inline-block;
}

regards,
Waqar

#1238497

My issue is resolved now. Thank you!