[Resolved] paging

[Author]

Posts

[BiernackiH1367]

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

[Minesh]

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.

[Luo Yang]

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

[BiernackiH1367]

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

[Luo Yang]

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

[BiernackiH1367]

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/

[Luo Yang]

For the new question, please check the new thread here:
https://toolset.com/forums/topic/how-to-replace-the-default-blue-text-color-with-my-own-codes/

[BiernackiH1367]

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

regards
Harold

[Luo Yang]

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

[BiernackiH1367]

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

[Luo Yang]

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;
}
}

[BiernackiH1367]

My issue is resolved now. Thank you!