{"id":9081,"date":"2019-05-31T08:05:04","date_gmt":"2019-05-31T08:05:04","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=9081"},"modified":"2024-02-02T10:35:33","modified_gmt":"2024-02-02T10:35:33","slug":"how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetblog\/how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog\/","title":{"rendered":"How to Set Navigation in the Smart Posts List and Smart Post Tiles Widgets"},"content":{"rendered":"\n

The Smart Posts List<\/a> and Smart Posts Tiles<\/a> widgets of the JetBlog<\/em><\/a> <\/em>plugin for Elementor are available on the archive and single pages for displaying posts\/pages and CPT posts. These widgets differ in how they display the content (as post list or post tiles) but have the same Query & Controls<\/strong> settings and work with JetEngine<\/em>\u2019s queries.<\/p>\n\n\n\n

Add the Smart Posts List and Smart Posts Tiles Widgets<\/strong><\/h2>\n\n\n\n
\n

Open an archive page in Elementor. To display a specific CPT, open the Archive<\/strong> Settings<\/strong> (press the wheel icon in the bottom left corner of the page), unroll the Preview Settings<\/strong> tab of the Archive Settings<\/strong>, and select the specific CPT from the Posts<\/strong> drop-down menu.<\/p>\n\n\n\n

Find the Smart Posts List <\/strong>or Smart Posts Tiles<\/strong> widget and drag and drop it onto the page. Specify the needed CPT in the widget\u2019s settings.<\/p>\n<\/div><\/div>\n\n\n\n

Query & Controls settings of the Smart Posts List and Smart Posts Tiles Widgets<\/strong><\/h2>\n\n\n\n
\n

Proceed to the Content > Query and Controls<\/em><\/strong> block. Scroll to the end of the options list until you see the Show Paging Control<\/strong> toggle.<\/p>\n\n\n\n

\"query<\/a><\/div>\n\n\n\n

Enable the Show Paging Control<\/strong> toggle.<\/p>\n<\/div><\/div>\n\n\n\n

Paging Control Settings<\/strong><\/h2>\n\n\n\n
\n

If enabled, this toggle adds the navigation arrows to the widget and turns on the Select Control Arrow Type<\/strong> drop-down menu (allows selecting the \u201cAngle,\u201d \u201cChevron,\u201d \u201cAngle Double,\u201d \u201cArrow,\u201d \u201cCaret,\u201d \u201cLong Arrow,\u201d \u201cArrow Circle,\u201d \u201cChevron Circle,\u201d and \u201cCaret Square\u201d arrow types) and the To Top<\/strong> toggle (allows scrolling to the top of the widget after a click on the pagination arrow).<\/p>\n\n\n\n

\"show<\/a><\/div>\n<\/div><\/div>\n\n\n\n

Styling the Paging Controls<\/strong><\/h2>\n\n\n\n
\n

Navigate to the Style<\/strong> tab. Scroll it down and unroll the Paging Arrows<\/strong> settings.<\/p>\n\n\n\n

\"paging<\/a><\/div>\n\n\n\n

Users can customize the arrow’s positions, intents, colors, etc.<\/p>\n<\/div><\/div>\n\n\n\n

That’s all about setting the navigation in the Smart Posts List<\/strong> and Smart Posts Tiles<\/strong> widgets.<\/p>\n","protected":false},"excerpt":{"rendered":"

The tutorial explains how to set navigation and add, manage, and style the paging controls for posts displaying via the Smart Posts List and Smart Posts Tiles widgets of the JetBlog plugin for Elementor.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[437,433,434],"yoast_head":"\nAdd paging control to the posts in Smart Posts List | Crocoblock<\/title>\n<meta name=\"description\" content=\"The tutorial explains how to set navigation and add, manage, and style the paging controls for posts displaying via the Smart Posts List and Smart Posts Tiles widgets of the JetBlog plugin for Elementor.\" \/>\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\/jetblog\/how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add paging control to the posts in Smart Posts List | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"The tutorial explains how to set navigation and add, manage, and style the paging controls for posts displaying via the Smart Posts List and Smart Posts Tiles widgets of the JetBlog plugin for Elementor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetblog\/how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-02T10:35:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/query-and-controls-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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetblog\/how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetblog\/how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog\/\",\"name\":\"Add paging control to the posts in Smart Posts List | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-05-31T08:05:04+00:00\",\"dateModified\":\"2024-02-02T10:35:33+00:00\",\"description\":\"The tutorial explains how to set navigation and add, manage, and style the paging controls for posts displaying via the Smart Posts List and Smart Posts Tiles widgets of the JetBlog plugin for Elementor.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetblog\/how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetblog\/how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetblog\/how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog\/#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\":\"How to Set Navigation in the Smart Posts List and Smart Post Tiles Widgets\"}]},{\"@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":"Add paging control to the posts in Smart Posts List | Crocoblock","description":"The tutorial explains how to set navigation and add, manage, and style the paging controls for posts displaying via the Smart Posts List and Smart Posts Tiles widgets of the JetBlog plugin for Elementor.","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\/jetblog\/how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog\/","og_locale":"en_US","og_type":"article","og_title":"Add paging control to the posts in Smart Posts List | Crocoblock","og_description":"The tutorial explains how to set navigation and add, manage, and style the paging controls for posts displaying via the Smart Posts List and Smart Posts Tiles widgets of the JetBlog plugin for Elementor.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetblog\/how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog\/","og_site_name":"Help Center","article_modified_time":"2024-02-02T10:35:33+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/query-and-controls-settings-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetblog\/how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetblog\/how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog\/","name":"Add paging control to the posts in Smart Posts List | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-05-31T08:05:04+00:00","dateModified":"2024-02-02T10:35:33+00:00","description":"The tutorial explains how to set navigation and add, manage, and style the paging controls for posts displaying via the Smart Posts List and Smart Posts Tiles widgets of the JetBlog plugin for Elementor.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetblog\/how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetblog\/how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetblog\/how-to-add-a-paging-control-to-the-smart-posts-list-widget-from-jetblog\/#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":"How to Set Navigation in the Smart Posts List and Smart Post Tiles Widgets"}]},{"@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\/9081"}],"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\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=9081"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=9081"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=9081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}