Fact Finder Web Components

Installation

To install the fact-finder-web-components module, run the following console command:

composer require spryker-eco/fact-finder-web-components

Configuration

To set up the authorization configuration, use the following code example:

To set up the components configuration, use the following config code as an example:

Integration into Project

To integrate the feature into your project, do the following:

Update in Core "@webcomponents/webcomponentsjs": "^2.0.4",

Frontend Integration

Add the required Communication element:

{% block content %}
	{% include atom('communication', 'FactFinderWebComponents') with {
		data: {
			properties: {
			component: 'url=“http://search-web-components.fact-finder.de/FACT-Finder-7.2” version=“7.2" default-query=“trousers” channel=“bergfreunde-co-uk” search-immediate=“true”'
			}
		}
	} only %}
 
{% endblock %}

Then, add a widget:

{% block content %}
	{% include atom('communication', 'FactFinderWebComponents') with {
		data: {
			properties: {
			component: 'url=“http://search-web-components.fact-finder.de/FACT-Finder-7.2” version=“7.2" default-query=“trousers” channel=“bergfreunde-co-uk” search-immediate=“true”'
			}
		}
	} only %}
 
	{% include atom('header-navigation', 'FactFinderWebComponents') with {
		data: {
			properties: {
				component: 'group-count=“4" group-size=“4” hide-empty-groups=“1" fetch-initial=“1”'
			}
		}
	} only %}
{% endblock %}

 

See also:

 

Last review date: June 11, 2019