How can I combine symbols and filters?


I have built a sweet product grid as a collection list, with data from the CMS. Since I want to reuse the design of the grid on multiple pages I saved it as a symbol.

But what about filtering symbols?

On my page “bags” I want to show the grid (symbol) only showing CMS-posts with the type of bags. But on my other page “shoes” I want the same grid to only show CMS-posts with the type of shoes.

I know how to add a filter so that the grid only show products from the right category, but when I do that it changes on all pages.

How can I get it to show different categories (have different filters), on different pages, but staying a symbol so that I can make design changes to the grid that applies on all pages?