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
  • 🔧 How to Enable the App’s Product List Layout
  • đź’ˇ Tips
  • đź“© Need Help?
  1. Product Grid layout

Use app product list layout

PreviousUse theme product list layoutNextCustomize app's product list template

Last updated 25 days ago

đź“ť Note: For stores using unsupported themes

Check out the list of supported themes .

If your Shopify theme isn't officially supported, don’t worry — you can still display products beautifully using one of the built-in product list layouts from Smart Product Filter & Search.

🔧 How to Enable the App’s Product List Layout

Step 1: Go to the Product Grid Settings

  1. From your Shopify admin, go to Apps.

  2. Open the Smart Product Filter & Search app.

  3. Go to the Filters > Product Grid tab.

  4. In the app’s left-hand menu, click on Filters.

  5. Click on the Product Grid tab to access layout options.

Under the App Template section, pick a product layout style. There are 5 templates available. Choose the one that best matches your store’s design.

Step 2: Adjust Settings (Optional)

Customize the layout appearance using the settings provided.

Step 3: Save Changes

Click Save to apply the product layout to your collection pages.

đź’ˇ Tips

  • These app layouts are especially useful if your theme isn’t supported for native integration.

  • You can switch layouts anytime if you want a different look.

  • Need help customizing the layout? Just contact our support team!

đź“© Need Help?

Feel free to reach out to us at [email protected] We’re happy to help with setup, customization, or anything else!

here