Integrating with Smart Product Filter & Search by Globo

Our app supports Smart Product Filter & Search app by Globo out of the box. Most of the time, no additional integration is required. However, if you're using old version of Smart Product Filter & Search app or have non-standard setup then follow steps below.

1. First, enable the Collection swatches app embed in Theme Editor:

2. Next, add the following code to the first line of globo.filter.product.liquid file:

{% comment %}Do not edit this file{% endcomment %}

3. Add the following code in globo.filter.product.liquid to the place where you want to render swatches:

<div data-pl-swatches-collection data-product-id="{{ product.id }}" data-product-url="{{ product.url }}"></div>

Now swatches should appear on the collection page.