Search/Autocomplete is not working

Note: This article is meant for developers only. Avoid if you’re a merchant.

If Search/Autocomplete is not working even after activating app embeds, please check from the inspect element if Wizzy APIs are getting executed. If not, You might have any of the following problems.

Search input DOM is not found

If the search input DOM is not found search/autocomplete functionality won’t work, Wizzy by default supports some standard themes and there could be a case when Wizzy is unable to find the Search element from your theme. In such cases, you will need to mention Search DOM explicitly to make autocomplete/search work. 

To find Search DOM, Just inspect the search element and check its class/ID. You will need to add this in the following config before wizzy initializes the search. The code in wizzyCustom.js may look something like this.

window.onWizzyLoaded.push(function () {
  window.wizzyConfig.events.registerEvent(
     window.wizzyConfig.events.allowedEvents.BEFORE_INIT,
     function (payload) {
       payload.common.lazyDOMConfig.searchInputIdentifiers.push("#main")
       return payload;
     }
   );
  );
});

Content DOM is not found

If content DOM is not found, go to the console in inspect element and look for the particular command. The code in wizzyCustom.js may look something like this. 

window.onWizzyLoaded.push(function () {
   window.wizzyConfig.events.registerEvent(
      window.wizzyConfig.events.allowedEvents.BEFORE_INIT,
      function (payload) {
        payload.common.lazyDOMConfig.contentDOMIdentifiers.push("#main")
        return payload;
      }
    );
  );
});