Supported Versions
The details shared here apply to the most recent version of Flex. To keep your theme up to date, check out this helpful document.
In This Article
Flex Theme Pagination
The Flex theme includes four pagination types to choose from for your Collection pages, Blog, Collections List page, and Search results. These pagination types to choose from are: infinite scroll, infinite load more button, load more button, and page links.
Rather than a global theme setting, for each page that contains pagination options, you can select the type within the page's settings in the theme editor.
For example, this means that if you want to select a pagination option for the Blog page, click into Customize (your Theme Editor) > choose 'Blogs' in the drop-down page selector. Your theme editor on the left will then update with the blog page settings which will contain the Pagination type setting.
This means that you can choose a pagination type specifically for each of the pages (Collection, Blog, Collections List, Search results).
Keep in mind: you can change the number of products/blog posts/collections/search results that are shown on those pages, by adjusting the per page setting for each of those pages in the theme editor.
You can show any number of products/posts/collections/results you like, as long as you don't exceed Shopify's limit of 50 items per page.
Locating the Pagination Settings
Select your page
-
Collection Page
Head into Customize (your theme editor) > Navigate to a Collection page by selecting 'Collection pages' in the drop-down page selector. Your theme editor on the left will then update with the page settings. Under Sections > Collection, you can select an option under the pagination type setting:
-
Blog Page
Head into Customize (your theme editor) > Navigate to your Blog page by selecting 'Blogs' in the drop-down page selector. Your theme editor on the left will then update with the page settings. Under Sections > Blog, you can select an option under the pagination type setting:
-
Collections list Page
Head into Customize (your theme editor) > Navigate to your Collections list page by selecting 'Blogs' in the drop-down page selector. Your theme editor on the left will then update with the page settings. Under Sections > Collections, you can select an option under the pagination type setting:
-
Search results Page
Head into Customize (your theme editor) > Navigate to your Search results page by entering a search query to pull up the results. Your theme editor on the left will then update with the page settings. Under Sections > Search, you can select an option under the pagination type setting:
Pagination Type Examples
Page Links
The 'page links' pagination type is a standard pagination style that includes the number of pages with prev/next butttons:
Load More Button
The 'load more button' pagination type when clicked, will load an additional number of items (products per page). Ex: if your product per page/posts per page etc. setting is set to 6, then clicking the load more button will load another 6 at a time.
Infinite Load More Button
The 'infinite load more button' pagination type when clicked, will turn on infinite scrolling for the rest of the products and continue to load in products as you keep scrolling:
Infinite Scroll
The 'infinite scroll' pagination type will continue to load products as you scroll further down the page! No need to click any buttons to load more/go to the next page:
