{"id":1266,"date":"2020-09-28T13:30:41","date_gmt":"2020-09-28T13:30:41","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/2020\/09\/28\/configure-pagination-controls-in-magento-2\/"},"modified":"2025-07-17T10:31:38","modified_gmt":"2025-07-17T05:01:38","slug":"configure-pagination-controls-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/configure-pagination-controls-in-magento-2\/","title":{"rendered":"How to Configure Pagination Controls in Magento 2"},"content":{"rendered":"\n

Pagination Controls is the format from Magento 2 product listing<\/a>.<\/p>\n\n\n\n

The default\u00a0Magento 2\u00a0allows the admin to configure the pagination controls from the admin panel for better\u00a0control at the top and bottom of the product list from the frontend.<\/p>\n\n\n\n

A medium or large store with a larger number of products must leverage the pagination facility for better visibility and ease in browsing the online store.<\/p>\n\n\n\n

Instead of displaying numerous products on a single website, Magento 2 offers pagination so that there would be a limited number of products on the page to display and customers can view products easily by accessing pagination control.<\/p>\n\n\n\n

Benefits of pagination controls in Magento 2 store:<\/h2>\n\n\n\n

Without pagination, the Magento 2 store may take more time to load all the products. Pagination control helps reduce loading time because it limits the number of products to display on the web page.<\/p>\n\n\n\n

Also, the customers may not prefer to scroll down several times for viewing the products. Therefore, the pagination control is useful to increase the onsite experience as well.<\/p>\n\n\n\n

Also by using setPageSize syntax<\/a>, you can define the number of items fetched by a collection, ensuring that pagination controls in Magento 2 store work perfectly.<\/p>\n\n\n\n

However, you can skip configuring Magento 2 pagination if you offer fewer products only.<\/p>\n\n\n\n

Steps to Configure Pagination Controls in Magento 2<\/h2>\n\n\n\n
\"Steps<\/figure>\n\n\n\n

1. Login<\/strong> to Magento 2 admin panel<\/p>\n\n\n\n

2. Navigate to Content > Design > Configuration<\/p>\n\n\n\n

3. Select your theme and Select Edit under select Action column.<\/p>\n\n\n\n

4. Expand Pagination<\/strong> section<\/p>\n\n\n\n

    \n
  • \u200b\u200b\u200b\u200b\u200b\u200b\u200bIn Pagination Frame<\/strong>, enter the number of frames that you want to display on the frontend.<\/li>\n\n\n\n
  • In Pagination Frame Skip<\/strong>, leave it default. There is no need to change.<\/li>\n\n\n\n
  • In Anchor Text for Previous<\/strong>, enter the text for showing \u2018previous\u2019 on the frontend.<\/li>\n\n\n\n
  • In Anchor Text for Next<\/strong>, enter the text for showing \u2018next\u2019 on the frontend.<\/li>\n<\/ul>\n\n\n\n

    5. Click Save Config<\/strong><\/p>\n\n\n\n

    Now, in the frontend, you can see the pagination controls configured in Magento 2 category page:<\/p>\n\n\n\n

    \"Pagination<\/figure>\n\n\n\n

    That\u2019s it.<\/p>\n\n\n\n

    Do consider sharing this post with Magento Community via social media.<\/p>\n\n\n\n

    Thank you.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Pagination Controls is the format from Magento 2 product listing. The default\u00a0Magento 2\u00a0allows the admin to configure the pagination controls from the admin panel for better\u00a0control…<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1266","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=1266"}],"version-history":[{"count":2,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1266\/revisions"}],"predecessor-version":[{"id":14670,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1266\/revisions\/14670"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=1266"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=1266"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=1266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}