How to Configure Pagination Controls in Magento 2

October 8, 2020
By Cozmot

Pagination Controls is the format from Magento 2 product listing.

The default Magento 2 allows the admin to configure the pagination controls from the admin panel for better control at the top and bottom of the product list from the frontend.

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.

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.

Benefits of pagination controls in Magento 2 store:

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.

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.

However, you can skip configuring Magento 2 pagination if you offer fewer products only.

Steps to Configure Pagination Controls in Magento 2:

Steps to Configure Pagination Controls in Magento 2

  1. Login to Magento 2 admin panel

  2. Navigate to Content > Design > Configuration

  3. Select your theme and Select Edit under select Action column.

  4. Expand Pagination section

    1. ​​​​​​​In Pagination Frame, enter the number of frames that you want to display on the frontend.

    2. In Pagination Frame Skip, leave it default. There is no need to change.

    3. In Anchor Text for Previous, enter the text for showing ‘previous’ on the frontend.

    4. In Anchor Text for Next, enter the text for showing ‘next’ on the frontend.

  5. Click Save Config

Now, in the frontend, you can see the pagination controls configured in Magento 2 category page:

Pagination Controls in Magento 2 Frontend

That’s it.

If you have queries regarding this article, feel free to ask in the Comments section below.

I would be happy to help you.

Do consider sharing this post with Magento Community via social media.

Thank you.

]]>

Subscribe To Our Newsletter

Join our mailing list to receive the latest news and updates from our team.

You have Successfully Subscribed!