Magento Tutorials

How to Configure Pagination Controls in Magento 2

Pagination Controls in Magento 2

Pagination Controls allow your customers to control the product listing format that best fits their preference. The Pagination settings appear at the top and bottom of the list, and control the format of the pagination links for product listings. You can set the number of links that appear in the control, and configure the Next and Previous links. For the pagination links to appear, there must be more products in the list than are allowed per page in the product list configuration.

view as

View As

Displays the list in either a Grid or List format.

sort by

Sort By

Changes the sort order of the list. The “Used for Sorting in Product Listing” storefront property determines which product attributes can be used to sort the list.

show per page

Show Per Page

Determines how many products appear per page.

pagination links

Pagination Links

Navigation links to other pages.

How to Configure the Pagination Controls

  1. On the Admin sidebar, tap Content. Then under Design, choose Configuration.
  2. Find the store view that you want to configure. Then in the Action column, click Edit.
  3. Under Other Settings, expand the Pagination section
    Pagination Controls Magento 2
    a. In the Pagination Frame field, enter the number of links that you want to appear in the pagination controls
    b. In the Pagination Frame Skip field, enter the number of links that you want to skip ahead before displaying the next set of links in the pagination control.

    For example, if the pagination frame has five links, and you want to jump to the next five links, how many links do you want to skip ahead? If you set this to four, then the last link from the previous set will be the first link in the next set.


    c. In the Anchor Text for Previous field, enter the text that you want to appear for the Previous link. Leave blank to use the default arrow.


    d. In the Anchor Text for Next field, enter the text that you want to appear for the Next link. Leave blank to use the default arrow.

  4. When complete, click Save Config.

See also:
How to Configure Full-Page Cache in Magento 2
How to Configure Wishlists in Magento 2

Avatar

Marketing Executive/ Product Designer at SimiCart