Skip Navigation

[Resolved] paging

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

Problem:

When the search and displays the results, the pagination does not update and the number of pages indicated does not correspond to the number of pages of the search.

Solution:

The shortcode [wpv-pager-nav-links] is required to be putted into filter meta HTML or layout meta HTML, for example:

https://toolset.com/forums/topic/paging/#post-1232665

Relevant Documentation:

https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-pager-nav-links

This support ticket is created 5 years, 11 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/Hong_Kong (GMT+08:00)

This topic contains 11 replies, has 3 voices.

Last updated by BiernackiH1367 5 years, 10 months ago.

Assisted by: Luo Yang.

Author
Posts
#1222866
FireShot Capture 013 - Territoires Soixante-Deux - Votre cadre de vie - t62-dev-wp1.noogaa.com copie.jpg
FireShot Capture 012 - Territoires Soixante-Deux - Votre cadre de vie - t62-dev-wp1.noogaa.com copie.jpg

Hello
I have a small problem with toolset views that I can not solve.
On this page hidden link I have a numbering which indicates the number of page and the navigator previous and following.
When the search engine displays the results the pagination does not update and the number of pages indicated does not correspond to the number of pages of the search.

could you help me correct this bug.

attached some screenshots

#1222931

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

I just checked with my local test install that normal pagination works just fine. With the debug information you shared I only see the views plugin which is also outdated.

After checking to debug information you shared with us, I found that you are using outdated Toolset views plugin. We always recommend running your site with latest stable release plugin version.

*** Please make a FULL BACKUP of your database and website.***
Could you please update ALL Toolset plugins to it's latest official released version. You can download the latest Toolset plugin release from your accounts page:
=> https://toolset.com/account/downloads/

In addition to that, I also saw that you are using outdated WordPress version as well. Please update WordPress to 5.1.1.

Once everything is updated, please check the following doc how you can use the pagination:
=> https://toolset.com/documentation/beyond-the-basics/paginate-lists-of-content/
=> https://toolset.com/documentation/user-guides/views-pagination/

If you still having the issue to make pagination work, I need access details to review your current setup.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

#1232665

Thanks for the details, I have done below modification in your website:
Edit the post view "Nouveau moteur de recherche"
hidden link

in section "Éditeur de boucle", change the codes from:

...
[wpv-layout-end]
[wpv-pager-nav-links output="bootstrap" first_last_links="true" step="1" text_for_first_link="Première page" text_for_last_link="Dernière page"]

To:

...
[wpv-pager-nav-links output="bootstrap" first_last_links="true" step="1" text_for_first_link="Première page" text_for_last_link="Dernière page"]
[wpv-layout-end]

The shortcode [wpv-pager-nav-links] is required to be putted into filter meta HTML or layout meta HTML

Please test again, check if it is fixed.

More help:
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-pager-nav-links

#1232668

Hi
Thank you so much. I have one last question: how to center the pagination? it's in CSS? I am not an expert in Css, could you tell me the code to add
thank you so much

#1232697

For new question:
how to center the pagination?

Yes, it is a CSS problem, I have done below modification in your website, edit the same view, in section "Éditeur de boucle", change the shortcode to below:

[wpv-pager-nav-links output="bootstrap" first_last_links="true" step="1" text_for_first_link="Première page" text_for_last_link="Dernière page" ul_class="list-inline"]

Add attribute ul_class="list-inline" in above shortcode, this will output "list-inline" CSS class name, click "CSS editor", add below CSS codes:

.list-inline {
  display: flex;
  justify-content: center;
}

Please test again, check if it is what you want. Feel free to create new thread if you have other new questions. thanks

#1235495
IMG_4460.PNG

hi

I have just noticed a little worry.
in responsive version the pagination does not work ...

Could you also tell me how to replace the default blue text color with my own codes.

thank you

for the pb of pagination on smartphone I join you a copy screen

New threads created by Luo Yang and linked to this one are listed below:

https://toolset.com/forums/topic/how-to-replace-the-default-blue-text-color-with-my-own-codes/

#1235926
#1235962

hi
Thanks a lot.
I have just noticed a little worry.
in responsive version (smartphone) the pagination does not work ...

regards
Harold

#1235968
webkit-inline-box.JPG

For the smartphone problem, you can change the CSS codes from:

.list-inline {
  display: flex;
  justify-content: center;
}

To:
.list-inline {
display: -webkit-inline-box;
justify-content: center;
}
[/php]

See screenshot webkit-inline-box.JPG

#1236189

Hi
Thank
But when i change the code it is no longer centered in desktop version. how to display correctly in smartphone version and centered in desktop version.

Regards

Harold

#1236766

Above CSS codes are only some examples, for example, you can modify the CSS codes as below:

.list-inline {
  display: flex;
  justify-content: center;
}

@media (max-width: 768px) { 
.list-inline {
display: -webkit-inline-box;
}
}
#1244925

My issue is resolved now. Thank you!