{"id":8907,"date":"2022-06-14T10:18:44","date_gmt":"2022-06-14T10:18:44","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=8907"},"modified":"2023-07-19T09:53:46","modified_gmt":"2023-07-19T09:53:46","slug":"how-to-establish-pagination-and-navigation-for-the-search-results-in-jetsearch","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-establish-pagination-and-navigation-for-the-search-results-in-jetsearch\/","title":{"rendered":"How to Set Pagination and Navigation for the Search Results"},"content":{"rendered":"\n

Pagination and Navigation: What Would You Choose<\/h2>\n\n\n\n
\n

Pagination and navigation<\/a> are the essential elements of any search widget and JetSearch <\/em>in particular. These components showcase the number of pages according to your search request in the results area giving guidance to the customers.<\/p>\n\n\n\n

However, it\u2019s impossible to use pagination and navigation simultaneously. These are two separate components, and their difference lies in the depiction only. Pagination is presented with bullets, and navigation is shown in the form of arrows.<\/p>\n<\/div><\/div>\n\n\n\n

How to Set Pagination and Navigation in Elementor<\/h2>\n\n\n\n
\n

Open the page where you added the AJAX search<\/strong><\/a> widget with the Elementor<\/strong> editor.<\/p>\n\n\n\n\"page\n\n\n\n

Select the AJAX Search<\/strong> widget and proceed to the Content<\/strong> tab. It\u2019s important to set the desired amount of search results in the same area.<\/p>\n\n\n\n

You can perform it by unfolding the Search Query<\/strong> section.<\/p>\n\n\n\n\"ajax\n\n\n\n

Here you can also sort the results by relevance<\/a>, date, or other conditions.<\/p>\n\n\n\n\"posts\n\n\n\n

Proceed to the Results Area<\/strong> section and scroll down to Results Navigation<\/strong>. Here you can set where the pagination or navigation will be shown.<\/p>\n\n\n\n\"results\n\n\n\n

There are three possible positions:<\/p>\n\n\n\n