Shopify site search not working? Easy fix

If the default Shopify search is not working, you can follow the steps below to fix it. This method involves creating a Shopify custom search engine using expertrec and replacing the default shopify search with expertrec.

Method 1- Using Expertrec’s Shopify search App.

1. Install Expertrec’s Shopify search extension from here.
2. Once you install the extension, you will be directed to your control panel where you will have to enable your search engine by toggling on the enable search extension.

Method 2- Fix your Shopify search using expertrec’s search bar plugin

1. Login to your Shopify store.
2. Go to https://www.expertrec.com/shopify/
3. Enter your Shopify store URL.
4. Click on install.
5. Click on install unlisted app.
6. Now check your Shopify store search.
7. The Shopify autocomplete bar will look similar to the below image.
8. The Shopify search results page will look like this.
9. This method also adds voice search to your website.

Method 3- By tweaking code

1. Create your shopify custom search engine from here.
2. Login to your shopify admin panel.
3. Click-> Online store->Themes-> Edit code
4. Go to https://cse.expertrec.com/csedashboard/home/code to copy paste your custom search code.
5. Choose theme.liquid.
6. Add The following code just below the head section.

   <ci-search></ci-search>
   <script>
   (function() {
   var id = 'YOUR_SHOPIFY_SEARCH_API_KEY';
   var ci_search = document.createElement('script');
   ci_search.type = 'text/javascript';
   ci_search.async = true;
   ci_search.src = 'https://cse.expertrec.com/api/js/ci_common.js?id=' + id;
   var s = document.getElementsByTagName('script')[0];
   s.parentNode.insertBefore(ci_search, s);
   })();
   </script>

    

   

7. This will add expertrec’s search bar to your shopify website.