Widget doesn't appear when the page loads Print

Modified on: Sat, Nov 13, 2021 at 10:53 AM

Because of Shopify limitations, Smart Search & Filter widgets only load after the entire page is loaded. That's why the Smart Search & Filter widgets may not be displayed correctly after the page is opened.

However, you can insert the Smart Search & Filter widgets' code into the store's theme template for the widgets to load faster. To do so, follow these steps:

  1. Go to your Shopify admin panel > Online store > Themes.
  2. Find the theme you want to edit, and then click Actions > Edit code.
  3. In the Layout directory click theme.liquid.
  4. Find the liquid tag {{ content_for_header }}, which is usually located between the <head> and </head> tags, and paste the code line below before it:
    <script src="//www.searchanise.com/widgets/shopify/init.js?a=API_KEY"></script>
    Replace API_ with the API Key of your Smart Search & Filter subscription. You can find it in the Smart Search & Filter control panel > Dashboard section
  5. Save the changes.

That's it. You can now go to the storefront to make sure the changes took effect.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.