AI Max - AI Games
  • AI Max - AI Games Shopify Theme
  • Getting Started
    • Shopify
    • Theme features
    • Changelog
    • Support Policy
  • How to install Theme
    • Download the Theme Package
    • ThemeForest - Theme Files
    • Theme Installation
  • Header Group
    • Announcement bar
    • Top bar
    • Selectors (Language & Currency)
    • Header
    • Navigation menu
    • Account Page
  • Menu & Mega Menu
    • Mega menu with Promo Image
    • Mega menu with Promo Banner
    • Mega menu with Brands
    • Mega menu with Product
    • Mega menu with Tab Menu
    • Mega Menu Creation-video
  • Footer Group
    • Footer
      • Menu
      • Newsletter
      • Text
      • Contact Info Block
    • GRDR Cookies
    • Email Signup
    • Suggestion Product
  • Product
    • Creating Products
    • Product review
    • Product Variants
    • Recommended Products
    • Metafield
    • Gift Cards
  • Collections
    • Collection List
    • Creating Collections
    • Collection Banner
  • Filters
    • Filters
    • Horizontal Filter
    • Vertical filter
    • Drawer Filter
    • Paginations
  • Theme Settings
    • Colors
    • Preloader
    • Typography
    • General Settings
    • Layout
    • Buttons
    • Variant pills
    • Inputs
    • Cards
    • Content Containers
    • Dropdowns and Pop-ups
    • Drawer
    • Badges
    • Search Behaviour
    • Favicon
    • Social Media
    • Currency format
    • Cart
    • Shipping Rates Calculator
  • Pages
    • About Us
    • Contact
    • FAQ page
    • Wishlist
    • Compare
  • Blog
    • Default blog
    • Creating Blog
    • Default blog post
  • Sections
    • Slideshow
    • Support Block
    • Featured Collection
    • Instagram Gallery
    • Email signup
    • Team Section
    • Image banner
    • Video
    • Testimonial
    • Specification Block / Specification
    • Brand Logo
    • Deal banner
    • Form Image
    • Grid banner
    • Marquee Section
    • Number Counter
    • Pricing table
    • Product tab
    • Rich text
    • Custom Class
  • App Integration
    • App Integration
    • Recommended Apps
  • Video Tutorial
    • How to Install Shopify Theme
    • How to Add Megamenu
    • How to Display Inner Pages
    • Multiple Collections in One Product Tab on Shopify
    • How to edit the product details
    • How to add variants for products
    • How to create a blog post
    • How to Customize Header and Section
    • How to Edit Language Translation and Missing Translations
    • How to Set Up and Use Metafields
    • How to edit font in Shopify?
    • How to Create a Staff Access and Collaborator Access
  • Frequently Asked Questions
    • Missing template "layout/theme.liquid"
Powered by GitBook
On this page
  • Types of Pagination
  • How to Enable Pagination in Shopify
  • Additional Notes
  1. Filters

Paginations

PreviousDrawer FilterNextColors

Last updated 2 months ago

Pagination helps organize large collections or search results by dividing them into multiple pages, making it easier for customers to navigate and improving page load times. There are three main types of pagination you can enable on your Shopify store:

Types of Pagination

  1. Infinite Scroll: Automatically loads more products as the customer scrolls down the page.

    • Ideal for a seamless user experience without clicking through multiple pages.

  2. Number Pagination: Displays numbered links (e.g., "1, 2, 3...") allowing customers to navigate through product pages.

  3. Load More Button: Replaces traditional numbered pagination with a "Load More" button.

    • Clicking the button dynamically loads additional products without changing the page.

How to Enable Pagination in Shopify

  • Go to Shopify Admin: From your Shopify admin, navigate to Online Store > Themes.

  • Customize Theme: Select Customize next to your current theme to open the theme editor.

  • Navigate to Default Collection: In the theme editor, go to Default Collection or any other collection page where you want to enable pagination.

  • Product Grid: Look for the Product Grid section, which controls how products are displayed.

  • Check for pagination settings in this section and choose from the available options: Number Pagination, Load More, or Infinite Scroll.

  • Save Changes: After adjusting the pagination settings, make sure to Save your changes.

Additional Notes

  • Theme Customization: Not all themes support all types of pagination. If your theme does not support a certain type, you may need to use third-party apps or custom code to enable it.

  • Responsive Design: Ensure that pagination (especially infinite scroll or load more) works well on mobile devices to provide a smooth browsing experience.