{"id":38765,"date":"2023-03-24T11:04:46","date_gmt":"2023-03-24T11:04:46","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=38765"},"modified":"2024-08-12T14:12:55","modified_gmt":"2024-08-12T14:12:55","slug":"pagination-overview","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/pagination-overview\/","title":{"rendered":"Pagination Overview"},"content":{"rendered":"\n<p>Pagination is an element on the page that allows users to switch between the pages with posts\/products\/items presented on the page. This feature is available with the <a href=\"https:\/\/crocoblock.com\/plugins\/jetsmartfilters\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetSmartFilters<\/em><\/a><em> <\/em>plugin for Elementor, Gutenberg, and Bricks editors.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pagination-widget-in-elementor\">Pagination Widget in Elementor<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The <strong>Pagination <\/strong>widget is available in the Elementor Page Builder and includes two tabs for editing.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"content-settings\">Content settings<\/h3>\n\n\n\n<p>The first <strong>Content <\/strong>tab includes the following settings to adjust:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-content-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-content-settings-1024x640.webp\" alt=\"pagination content settings\" class=\"wp-image-45295\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-content-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-content-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-content-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-content-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-content-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-content-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Pagination for <\/strong>\u2014 a<strong> <\/strong>field that includes several providers for the <strong>Pagination <\/strong>widget. Once the option is selected, the provider will be attached to the pagination widget. Among the presented providers are:\n<ul>\n<li>Elementor Pro Archive Products;<\/li>\n\n\n\n<li>Elementor Pro Archive;<\/li>\n\n\n\n<li>Elementor Pro Loop Grid;<\/li>\n\n\n\n<li>Elementor Pro Portfolio;<\/li>\n\n\n\n<li>Elementor Pro Posts;<\/li>\n\n\n\n<li>Elementor Pro Products;<\/li>\n\n\n\n<li><a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar\/\" target=\"_blank\" rel=\"noreferrer noopener\">JetEngine Calendar<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/\" target=\"_blank\" rel=\"noreferrer noopener\">JetEngine<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetwoobuilder-products-grid-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">JetWooBuilder Products Grid<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetwoobuilder-products-list-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">JetWooBuilder Products List<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-and-set-a-product-archive-template\/\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce Archive<\/a> (by <a href=\"https:\/\/crocoblock.com\/plugins\/jetwoobuilder\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetWooBuilder<\/em><\/a>);<\/li>\n\n\n\n<li>WooCommerce Shortcode;<\/li>\n\n\n\n<li><a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/jetengine-dynamic-charts-builder-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">JetEngine Dynamic Chart<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-tables-builder-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">JetEngine Dynamic Table<\/a>;<\/li>\n\n\n\n<li>Dynamic Maps.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">Some of the providers appear only when the specific plugins are installed and activated on the website. They should also be activated in the <strong><i>WordPress Dashboard &gt; Smart Filters &gt; Settings &gt; General Settings<\/i><\/strong> tab.<\/p><\/div><\/div>\n\n\n\n<ul>\n<li><strong>Apply type <\/strong>\u2014 a setting that allows selecting between three presented options:\n<ul>\n<li><strong>AJAX <\/strong>\u2013 shows results without reloading the page;&nbsp;<\/li>\n\n\n\n<li><strong>Page reload<\/strong> \u2013 reloads the page;<\/li>\n\n\n\n<li><strong>Mixed <\/strong>\u2013 will not reload the page but transform its URL. This can be used if a user wants to copy the link with filtering results and send it to somebody else.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Query ID <\/strong>\u2014 a field that lets users complete the field with a unique ID of the provider used on the page.<\/li>\n<\/ul>\n\n\n\n<p>For instance, a user wants to attach pagination to the specific <a href=\"https:\/\/crocoblock.com\/widgets\/listing-grid\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Grid<\/strong><\/a> or <strong>Products Grid<\/strong>, but there are several of them on the page.\u00a0<\/p>\n\n\n\n<p>To make pagination work only with the needed widget, the user needs to set the <strong>CSS ID <\/strong>field in the <strong>Advanced <\/strong>tab of the required provider and then specify the same value in the <strong>Query ID <\/strong>field so these two widgets become connected.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/css-id-field.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/css-id-field-1024x640.webp\" alt=\"css id field\" class=\"wp-image-45296\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/css-id-field-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/css-id-field-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/css-id-field-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/css-id-field-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/css-id-field-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/css-id-field.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"controls-settings\">Controls settings<\/h3>\n\n\n\n<p>The <strong>Enable Items <\/strong>switcher displays numbers for navigating through pages. There are also <strong>Items center offset <\/strong>and <strong>Items edge offset <\/strong>settings presented.<\/p>\n\n\n\n<p>The <strong>Items center offset<\/strong> makes a list shorter if a user completes a field with a value. For instance, the \u201c2\u201d value will show only two items on both sides of the central number. The <strong>Items edge offset<\/strong> works only with the <strong>Items center offset <\/strong>and displays the written number of items on the pagination edges at the start and end.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-items-toggle.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-items-toggle-1024x640.webp\" alt=\"pagination enable items toggle\" class=\"wp-image-45297\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-items-toggle-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-items-toggle-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-items-toggle-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-items-toggle-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-items-toggle-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-items-toggle.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The <strong>Enable Prev\/Next <\/strong>toggle shows the \u201c<strong>Prev<\/strong>\u201d and \u201c<strong>Next<\/strong>\u201d buttons on the page.<\/p>\n\n\n\n<p>The text of these two buttons can be changed in the <strong>Prev Text <\/strong>and <strong>Next Text <\/strong>fields accordingly.<\/p>\n\n\n\n<p>The following <strong>Hide inactive <\/strong>toggle is activated by default; it hides the inactive \u201c<strong>Prev<\/strong>\u201d or \u201c<strong>Next<\/strong>\u201d buttons. That means on the first page, there will be no \u201c<strong>Prev<\/strong>\u201d button displayed, and on the last page, there will be no \u201c<strong>Next<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-prev-or-next-toggle.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-prev-or-next-toggle-1024x640.webp\" alt=\"pagination enable prev or next toggle\" class=\"wp-image-45298\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-prev-or-next-toggle-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-prev-or-next-toggle-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-prev-or-next-toggle-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-prev-or-next-toggle-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-prev-or-next-toggle-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-prev-or-next-toggle.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The <strong>Enable Load More <\/strong>switcher adds a \u201c<strong>Load More<\/strong>\u201d button to pagination, which loads more items on the page without reloading the page itself. There are as many posts added as are already displayed in the provider.<\/p>\n\n\n\n<p>The <strong>Load More Text <\/strong>can also be customized in the corresponding field.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-load-more-button.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-load-more-button-1024x640.webp\" alt=\"pagination enable load more button\" class=\"wp-image-45299\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-load-more-button-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-load-more-button-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-load-more-button-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-load-more-button-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-load-more-button-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-load-more-button.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The <strong>Enable Autoscroll <\/strong>feature auto-scrolls the page to the top once a user clicks the page number.<\/p>\n\n\n\n<p>There is also a <strong>Provider top offset <\/strong>bar where the number of the top offset can be pointed.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-autoscroll-toggle.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-autoscroll-toggle-1024x640.webp\" alt=\"pagination enable autoscroll toggle\" class=\"wp-image-45300\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-autoscroll-toggle-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-autoscroll-toggle-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-autoscroll-toggle-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-autoscroll-toggle-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-autoscroll-toggle-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-enable-autoscroll-toggle.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pagination-block-in-gutenberg\">Pagination Block in Gutenberg<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The <strong>Pagination <\/strong>block is also presented in the Gutenberg editor. The block settings are almost the same as provided in <a href=\"#pagination-widget-in-elementor\">Elementor<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"advanced-settings\">Advanced settings<\/h3>\n\n\n\n<p>The only difference between Elementor and Gutenberg is the <strong>Advanced <\/strong>tab added. Here, one field is presented:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/advanced-tab-in-gutenberg.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/advanced-tab-in-gutenberg-1024x640.webp\" alt=\"advanced tab in gutenberg\" class=\"wp-image-45301\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/advanced-tab-in-gutenberg-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/advanced-tab-in-gutenberg-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/advanced-tab-in-gutenberg-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/advanced-tab-in-gutenberg-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/advanced-tab-in-gutenberg-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/advanced-tab-in-gutenberg.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>ADDITIONAL CSS CLASS(ES) <\/strong>\u2014 a field that allows setting CSS classes for the current block to customize its appearance.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pagination-element-in-bricks\">Pagination Element in Bricks<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The <strong>Pagination <\/strong>element in Bricks has the same settings as the <a href=\"#pagination-widget-in-elementor\"><strong>Pagination <\/strong>widget in Elementor<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-element-in-bricks.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-element-in-bricks-1024x640.webp\" alt=\"pagination element in bricks\" class=\"wp-image-45302\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-element-in-bricks-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-element-in-bricks-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-element-in-bricks-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-element-in-bricks-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-element-in-bricks-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-element-in-bricks.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s all for the <em>JetSmartFilters <\/em><strong>Pagination <\/strong>widget\/block\/element available in the Elementor Page Builder on your WordPress website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This overview explains the Pagination widget available with the JetSmartFilters plugin for WordPress websites.<\/p>\n","protected":false},"author":9,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[416],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Pagination Overview \u2014 JetSmartFIlters | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn more about the Pagination widget from JetSmartFilters and its settings so you can use it to allow users to switch between the pages with posts\/products\/items on your WordPress website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/pagination-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pagination Overview \u2014 JetSmartFIlters | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn more about the Pagination widget from JetSmartFilters and its settings so you can use it to allow users to switch between the pages with posts\/products\/items on your WordPress website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/pagination-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-12T14:12:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-content-settings-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/pagination-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/pagination-overview\/\",\"name\":\"Pagination Overview \u2014 JetSmartFIlters | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-03-24T11:04:46+00:00\",\"dateModified\":\"2024-08-12T14:12:55+00:00\",\"description\":\"Learn more about the Pagination widget from JetSmartFilters and its settings so you can use it to allow users to switch between the pages with posts\/products\/items on your WordPress website.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/pagination-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/pagination-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/pagination-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Pagination Overview\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pagination Overview \u2014 JetSmartFIlters | Crocoblock","description":"Learn more about the Pagination widget from JetSmartFilters and its settings so you can use it to allow users to switch between the pages with posts\/products\/items on your WordPress website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/pagination-overview\/","og_locale":"en_US","og_type":"article","og_title":"Pagination Overview \u2014 JetSmartFIlters | Crocoblock","og_description":"Learn more about the Pagination widget from JetSmartFilters and its settings so you can use it to allow users to switch between the pages with posts\/products\/items on your WordPress website.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/pagination-overview\/","og_site_name":"Help Center","article_modified_time":"2024-08-12T14:12:55+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/08\/pagination-content-settings-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/pagination-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/pagination-overview\/","name":"Pagination Overview \u2014 JetSmartFIlters | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-03-24T11:04:46+00:00","dateModified":"2024-08-12T14:12:55+00:00","description":"Learn more about the Pagination widget from JetSmartFilters and its settings so you can use it to allow users to switch between the pages with posts\/products\/items on your WordPress website.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/pagination-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/pagination-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/pagination-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"Pagination Overview"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/38765"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/9"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=38765"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=38765"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=38765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}