Magento Open Source, 2.0.x

Magento 2.0.18 is the final 2.0.x release. After March 2018, Magento 2.0.x will no longer receive security patches, quality fixes, or documentation updates. To maintain your site's performance, security, and PCIPayment Card Industry: Refers to debit and credit cards and their associated businesses. compliance, upgrade to the latest version of Magento.

Pagination Controls

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.


Pagination Controls
  • Pagination Controls

    View As

    Displays the list in either a Grid or List format.

    Sort By

    Changes the sort order of the list.

    Show Per Page

    Determines how many products appear per page.

    Pagination Links

    Navigation links to other pages.

To configure the pagination controls:

1. On the AdminThe password-protected back office of your store where orders, catalog, content, and configurations are managed. sidebarThe right or left column of a two-column page layout., tap Stores. Then under Settings, choose Configuration.
2. In the panel on the left under General, choose Design. Then, expand the Pagination section and do the following:
a. In the Pagination Frame field, enter the number of links that you want to appear in the pagination control.
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.
3. When complete, tap  Save Config .