Skip Navigation

[Resolved] Pagination of custom Search.

This support ticket is created 3 years, 7 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 3 replies, has 2 voices.

Last updated by katjaS-3 3 years, 7 months ago.

Assisted by: Christian Cox.

Author
Posts
#2010011

Hi,

I try to add a pagination to a page that was created with the support of this ticket:
https://toolset.com/forums/topic/custom-search-in-elementor-pro/#post-1975571

Link to page:
hidden link

The page is build with Elementor PRO and has a shortcode in the filter section and a short code in the loop section.

Unfortunately the pagination will not be shown as programmed in the filter section of the view loop.

How to get this?

THX
Frank

#2010035
Screen Shot 2021-04-04 at 2.54.47 PM.png
Screen Shot 2021-04-04 at 2.51.57 PM.png
Screen Shot 2021-04-04 at 2.51.19 PM.png

Hello, I just ran a quick test on my local test environment with Elementor and Elementor Pro active. I set up a View with pagination and added the pagination shortcodes in the Search and Pagination editor panel, but those did not appear in the page when I added the View with two shortcodes. Instead, if I placed the pagination shortcodes inside the wpv-items-found tags of the Loop editor, the pagination links appeared as expected in the View.

If you place the pagination shortcodes inside the Loop Editor somewhere inside the wpv-items-found tags, do the pagination links appear in the front-end of your site as expected? I am attaching screenshots here showing the setup in the View editor, the Elementor page builder, and the output on the front-end of the site.

#2014587

Hi, I successfully managed to follow your instruction. THX for that. now I am struggeling with the design. I tried to add class="btn pagination" to it as it is a regular bootstrap object. But unfortunately my CSS adjustments are not accepted. I found a ticket that says that the shortcode does not accept the "class" statement. Therefor my question: how to link a CSS adjustment to the pagination objects?
THX
URS
Frank

#2014883

My issue is resolved now. Thank you!