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:
- Go to your Shopify admin panel > Online store > Themes.
- Find the theme you want to edit, and then click Actions > Edit code.
- In the Layout directory click
theme
.liquid
. - 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.
- Save the changes.
That's it. You can now go to the storefront to make sure the changes took effect.