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
  • Step 1: Create a Backup of Your Theme
  • Step 2: Integrate the App into Your Theme
  • Step 3: Test the Integration
  1. Basic Knowledge

Integrate app to theme

PreviousGetting StartedNextDisable app from theme

Last updated 28 days ago

This guide will walk you through the steps to integrate the Smart Product Filter & Search app into your Shopify theme.​


Step 1: Create a Backup of Your Theme

Before making any changes, it's essential to back up your current theme to prevent any potential issues.​

  1. In your Shopify admin panel, navigate to Online Store > Themes.​

  2. Click on the Actions button next to your current theme and select Duplicate.​

  3. Shopify will create a copy of your theme, which you can use as a backup.​


Step 2: Integrate the App into Your Theme

It's recommended to apply the app to an unpublished theme first to test its functionality before making it live.​

  1. Open the Smart Product Filter & Search app from your Shopify admin.​

  2. In the app's dashboard, select Theme Setup.​

  3. From the dropdown menu labeled Select a theme for applying the filter, choose the theme you want to integrate the app into

  4. Click the Apply Filter button.​

  5. After applying the filter, click on the Go to Theme -> App Embed button.​

  6. In the Shopify theme editor, enable the Product Filter & Search app embed.​

  7. Click Save to finalize the integration.​


Step 3: Test the Integration

After integrating the app, it's crucial to test its functionality:​

  • Navigate to a collection page on your storefront.​

  • Ensure that the filter sidebar appears and functions correctly.​

  • Verify that products are filtered as expected when using the filter options.​

📝 This will turn off the filter on your storefront without removing any theme code.

💬 Need Help? Contact us at [email protected] – we’re happy to assist! 😊