Globo Docs
Smart Product Filter & Search
Smart Product Filter & Search
  • Basic Knowledge
    • Getting Started
    • Integrate app to theme
    • Disable app from theme
  • Supported shopify themes
  • Sync Product Data
  • App pricing
  • Translate app to different languages
  • Filter sidebar management
    • Enable filter sidebar on search page
    • Show rating stars in filter sidebar
  • Use AND filtering condition in same filter option
  • Change filter tree style
  • Configure filter sidebar
    • Default filter sidebar
    • Create filter sidebar for specific collection
    • Disable filter sidebar for specific collection
    • Enable filter on search result page
  • Configure filter options
    • Add new filter option
    • Manage filter option values
      • Select filter option values manually
      • Select filter option values by value prefix
      • Delete a filter option value
    • Sort order of filter option values
      • Sort values alphabetically
      • Sort values manually
    • Delete filter option
  • Expand filter options by default
  • Hide matching product count in filter options
  • Color swatch for filter option
    • Show color swatch for filter option
    • Change color swatch shape & size
  • Configure collection data source
    • Add sub-collections to filter option
    • Display all collection values in filter option
  • Merge filter option values into group
  • Product Grid layout
    • Use theme product list layout
    • Use app product list layout
    • Customize app's product list template
  • Product Grid Management
    • Product variants under product card
      • Configure product variants underneath product cards
      • Change product variants shape
    • Hide specific products on collection & search page
    • Show product options under product cards
    • Show variants as separate products
  • Manage sorting products
    • Sort product order manually
    • Remove entire sort by dropdown
    • Enable/disable a sort option
    • Configure a default sorting option
  • Hide total number of products
  • Push sold-out products to bottom
  • Display in-stock products on top
  • Hide out-of-stock products
  • Manage paging style
  • Display chosen variant image after filtering
  • Search products on collection page
  • Product/variant metafields
    • Enable product metafield
  • Filter products by Metafield
  • Search products by Metafield
  • Sort products by Metafield
  • Year - Make - Model (YMM) form
    • Create YMM form
    • Configure YMM metafield values
    • Display values on YMM form
      • Select YMM values manually
      • Select YMM values by value prefix
  • Instant search widget
    • Enable instant search widget
    • Instant search widget layout
      • Customize instant search layout
      • Change product list style
    • Search for blog posts & pages
  • Manage search fields
  • Use Search Analytics
  • Synonyms settings
    • Configure Synonyms
    • Understanding synonym relationships
  • Configure pinning products
  • Configure search redirect
  • Show suggestion when no search result found
  • Show suggestions before typing
  • Recommendations
    • Add a recommendation section
  • Adjust number of products by screen size
  • Change recommendation widget name
  • App Integrations
    • Product review apps
  • Multi-language apps
  • Wishlist apps
  • Product Label apps
  • Multi-currencies apps
  • Other apps
  • Frequently Ask Questions
    • What happens after Trial ends?
Powered by GitBook
On this page

Manage paging style

PreviousHide out-of-stock productsNextDisplay chosen variant image after filtering

Last updated 1 month ago

Enhancing your store's user experience involves selecting the appropriate pagination style for your product listings. The Smart Product Filter & Search app offers three distinct pagination options:​

  1. Pagination: Displays products across multiple pages, with navigation links (e.g., 1, 2, 3) allowing customers to move between pages.​

  2. Load More Button: Allows customers to load additional products on the same page by clicking a "Load More" button, providing a seamless browsing experience.​

  3. Infinite Scroll: Automatically loads more products as customers scroll down the page, creating a continuous and uninterrupted browsing flow.

Below is an example screen of Pagination/Load more paging style:

To customize your store's pagination style, follow these steps:

  1. Access the App Settings:

    • From your Shopify admin panel, navigate to Apps and select Smart Product Filter & Search.​

  2. Navigate to General Settings:

    • In the app's left-hand navigation menu, click on Settings.​

  3. Locate the Pagination Section:

    • Within the General tab, scroll down to find the Pagination section.​

  4. Choose Your Preferred Pagination Style:

    • In the Pagination Style options, select one of the following:​

      • Pagination

      • Load More Button

      • Infinite Scroll

  5. Save Your Changes:

    • After selecting your desired pagination style, click the Save button to apply the changes to your store.​

By tailoring the pagination style to your store's needs, you can enhance product discovery and improve the overall shopping experience for your customers.​

If you have any questions or need further assistance, please don't hesitate to contact us at [email protected]. We're here to help!