> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/app-integrations/smart-product-filter-and-search.md).

# Smart Product Filter & Search

## Show on collection page, search page

{% stepper %}
{% step %}

### Theme editor

* In admin shopify
* Go to **Online store** -> **theme**
* Click to **edit code**

<figure><img src="/files/2PYGy6JJ4AoLe1DNSDQt" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Add code integrate

* In theme editor -> Find **theme.liquild**
* Copy code script bellow and add before **\</body>**

```javascript
<script>
  window.addEventListener('globoFilterRenderCompleted', function () {
    if(typeof globoswatch !='undefined'){
        globoswatch.init();
     }
   });
</script>

```

{% endstep %}

{% step %}

### Example

<figure><img src="/files/epDDNEOf6slK4Dm3om0y" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

***

## Troubleshooting

* If app not work on collection page with **Smart Product Filter & Search**, please contact us.
* For further assistance, contact us via **<contact@globo.io>**