{"id":18533,"date":"2012-05-30T05:16:44","date_gmt":"2012-05-30T09:16:44","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=18533"},"modified":"2017-02-22T05:16:06","modified_gmt":"2017-02-22T10:16:06","slug":"drupal-how-to-set-upuseedit-pagination","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/drupal-how-to-set-upuseedit-pagination.html","title":{"rendered":"Drupal. How to set up\/use\/edit pagination"},"content":{"rendered":"<p>\r\n<\/p>\r\n<p>This tutorial is  going to show you how to set up\/use\/edit pagination on your Drupal template. <\/p>\r\n<p><strong>Pagination<\/strong> allows your visitors to use a &lsquo;pager&rsquo; added to the bottom of your page  to navigate through  numerous content items within that page. In order to add the pager:<\/p>\r\n<ol>\r\n<li>In your Drupal admin  panel, go to the top <strong>menu Structure  -&gt; Views<\/strong>:\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_1-300x188.jpg\" alt=\"\" title=\"drupal_pagination_1\" width=\"300\" height=\"188\" class=\"alignnone size-medium wp-image-18534\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_1-300x188.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_1-1024x643.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_1.jpg 1251w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Find the View you want to add the pager to and click on &ldquo;edit&rdquo;  under the &lsquo;<strong>OPERATIONS<\/strong>&rsquo; column.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_2-300x35.jpg\" alt=\"\" title=\"drupal_pagination_2\" width=\"300\" height=\"35\" class=\"alignnone size-medium wp-image-18535\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_2-300x35.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_2-1024x120.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_2.jpg 1248w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Alternatively,  go to the page with the block view from the front end of your site, mouse over  its right corner and select &ldquo;<strong>Edit View:<\/strong><\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_3-300x20.jpg\" alt=\"\" title=\"drupal_pagination_3\" width=\"300\" height=\"20\" class=\"alignnone size-medium wp-image-18536\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_3-300x20.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_3-1024x70.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_3.jpg 1089w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\r\n<li>On the next page  called \u00a0&ldquo;<strong>Displays<\/strong>&rdquo;\u00a0 under the Page settings\u00a0 you\u00a0  should fund the &ldquo;<strong>Pager<\/strong>&rdquo;  option. \u00a0Click on the link next to the Use  pager.<br \/>\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_5-300x213.jpg\" alt=\"\" title=\"drupal_pagination_5\" width=\"300\" height=\"213\" class=\"alignnone size-medium wp-image-18537\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_5-300x213.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_5.jpg 414w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>You will see the following options:<br \/>\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_6-300x257.jpg\" alt=\"\" title=\"drupal_pagination_6\" width=\"300\" height=\"257\" class=\"alignnone size-medium wp-image-18539\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_6-300x257.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_6.jpg 816w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<ul>\r\n<li><strong>Display a  specified number of items<\/strong> where you can specify how many  content items you want to be displayed without a pager being  rendered. You might want to use this approach when you only want to  list the first three items<\/li>\r\n<li><strong>Display all  items<\/strong> lists every content item that meets the criteria  specified in the view definition. This option works well for situations where  there are fewer than 25 content items in the list. More than 25, and  visitors are unlikely to scroll through them all. <\/li>\r\n<li><strong>Paged output<\/strong>,  full pager results in a list of items (say,10 items) followed by a pager. A  full pager lists other options,  such as &ldquo;Jump to the start of the list,&rdquo; &ldquo;Jump to the end of the list,&rdquo;  &ldquo;Previous,&rdquo; and &ldquo;Next.&rdquo; <\/li>\r\n<li><strong>Paged output,  mini pager<\/strong> is similar to the full pager, but only provides navigational controls for previous  and next. <\/li>\r\n<\/ul>\r\n<p>Click on <strong>Apply<\/strong> to save the changes.<\/p>\r\n<li>By  default, the Views module renders lists using a pager with 10 items per page. Click on <strong>&ldquo;Paged, <\/strong><strong># <\/strong><strong>\u00a0items&rdquo;<\/strong> to change this value.<br \/>\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_7.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_7-300x184.jpg\" alt=\"\" title=\"drupal_pagination_7\" width=\"300\" height=\"184\" class=\"alignnone size-medium wp-image-18544\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_7-300x184.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_7.jpg 797w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a> The following options will show up: <\/li>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_8.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_8-300x261.jpg\" alt=\"\" title=\"drupal_pagination_8\" width=\"300\" height=\"261\" class=\"alignnone size-medium wp-image-18545\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_8-300x261.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_8.jpg 808w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<ul>\r\n<li><strong>Items per page<\/strong>: specify how many items you want to display per page;<\/li>\r\n<li><strong>Offset:<\/strong> specify the starting  item for your view; for example, if you want to skip the first 2 items and  start at number  3, you would enter 2 in the offset field <\/li>\r\n<li><strong>the pager ID<\/strong> just leave this  value as the default <\/li>\r\n<li><strong>the number of  pages you want to display<\/strong> leave it as blank to show  all pages <\/li>\r\n<li>and  you have the option of exposing the options for the visitor to set the number  of items per page and the offset <\/li>\r\n<\/ul>\r\n<p>Click on <strong>Apply<\/strong> to save the changes.<\/p>\r\n<li>If you want to  get the whole page to re-load when you browse\u00a0  navigate using the pager, set <strong>Use AJAX<\/strong> to &ldquo;<strong>yes<\/strong>&rdquo;  in the <strong>Advanced<\/strong> options:\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_9.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_9-300x138.jpg\" alt=\"\" title=\"drupal_pagination_9\" width=\"300\" height=\"138\" class=\"alignnone size-medium wp-image-18546\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_9-300x138.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/drupal_pagination_9.jpg 806w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>Click on &ldquo;Save&rdquo;  to save the changes. <\/li>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"\/help\/files\/Drupal\/drupal_pagination.htm\" target=\"blank\">Drupal. How to set up\/use\/edit pagination<\/a><\/p>\r\n<\/p>\r\n<\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial is  going to show you how to set up\/use\/edit pagination on your Drupal template.<\/p>\n","protected":false},"author":30,"featured_media":18550,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[723],"tags":[2564,593,1253,1252],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/18533"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=18533"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/18533\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/18550"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=18533"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=18533"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=18533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}