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.searchserverapi.com/widgets/shopify/init.js?a=API_KEY"></script>
    
    Important
    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.