# 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="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2FJiEHKRO9EsKnQjNFIHZt%2Fimage.png?alt=media&#x26;token=a9fcfb9d-feb0-4a76-8810-738da8056711" 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="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2FQWpJJ1VWZX5S83EnYbbG%2Fimage.png?alt=media&#x26;token=846461dc-8a92-4abb-8e55-25763271f2ea" 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 **<hi@globosoftware.net>**