Product Filters by Globo Integration Guide

To integrate our app with Product Filters by Globo follow the 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. If you'll need help with setup please contact support.