integration_documentation:direct_integration

integration_documentation:direct_integration

This is an old revision of the document!


Overview

The FINDOLOGIC-scripts are binding events on the search field of the shop. When a user submits the form of the search field, the request gets sent via AJAX directly to the FINDOLOGIC servers. This offers a massive speed boost and lowers the load on the shop side, because it is not necessary that the request is being sent to the shop's server first.

FINDOLOGIC loads the entire search result as defined in the template manager and delivers the rendered HTML to the shop. The HTML in this response will be placed in a container of the shop. This container must have unique selectors. As a customer of FINDOLOGIC you have to add the given classes to the existing main container in your shop.


Implementing the FINDOLOGIC snippet

You can find the snippet for your channel in the FINDOLOGIC customer login. Please add this snippet in the <head>-section of your source code.

Please note that the usage of Google Tag Manager will disable the flickerfree-functionality of the snippet as the scripts are getting loaded too late.

Search result container

To ensure proper functionality, the FINDOLOGIC Direct Integration must have access to the main container of the shop. To do so, it is necessary to add the class fl-result to the corresponding, pre-existing container. This class has to be available on every shop page in order to ensure that the search works on every single page. For the search result pages, the HTML-response of FINDOLOGIC contains both all found product and the available filters.


For using FINDOLOGIC on category pages you have to provide the cat_urls in a valid manner. See our documentation about ''cat_urls'' for more information. To ensure proper functionality, the FINDOLOGIC Direct Integration must have access to the main container of the shop. To do so, it is necessary to add the class fl-navigation-result to the corresponding, pre-existing container. This class has to be available on every category page of the shop. For the category pages, the HTML-response of FINDOLOGIC contains both all found products and available filters for this category.