> 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/swatch/app-integrations/smart-product-filter-and-search.md).

# Smart Product Filter & Search

Swatches keep working after a shopper filters or sorts a collection — no setup needed.

Filter and search apps rebuild the product grid without reloading the page, so the swatches on the new product cards have to be drawn again each time.

**With Smart Product Filter & Search this is automatic.** GLO Color Swatch recognises the app and redraws the swatches itself every time the grid changes — after a filter, a sort, a search or loading more products. There is nothing to install, no toggle to turn on and no code to paste.

## What to expect

Open a collection page, apply a filter and the swatches stay on every product card in the filtered results, with the same style and behaviour as before filtering.

For this to work, the usual two conditions still apply:

* the app embed is on for the theme you're viewing — see [Turn on the app in your theme](/swatch/getting-started/turn-on-the-app-in-your-theme.md);
* collection-page swatches are turned on — see [Show swatches on collection pages](/swatch/options/show-swatches-on-collection-pages.md).

## If the swatches disappear after filtering

1. Check the two settings above.
2. Click **Update data** in the app if you've recently changed products, so both apps are working from the same catalogue — see [Sync product data](/swatch/getting-started/sync-product-data.md).
3. Still missing? [Contact support](/swatch/help/contact-support.md) with your store's collection URL and we'll take a look.

{% hint style="info" %}
Using a different filter or search app? Support for those varies. [Contact support](/swatch/help/contact-support.md) with the app's name and we'll tell you whether it's handled automatically or needs a small adjustment.
{% endhint %}

## Related pages

* [Show swatches on collection pages](/swatch/options/show-swatches-on-collection-pages.md)
* [Swatch on collection page](/swatch/settings/swatch-on-collection-page.md)
* [App integrations](/swatch/app-integrations/overview.md)