My filter button isn't work

[mai_truc]

My store has a filter button on the desktop, but once I've chosen an option, nothing changes until I refresh.

In my mobile, the button does not even present as an option.

my website is: https://ru9.vn/

[kaiyaa]

Hello @mai_truc 

When we are changing variants it's showing a error so filters is not working 

[mai_truc]

Yes, I agree with you; I used the app "Filter & Search" options in Shopify, but it still does not function; what should I do?

[kaiyaa]

You have to update some code in filter.js file

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

[tim]

There are several problems with your theme.

For example, in facets.js there is a hard-coded section id:

const url = `${window.location.pathname}?section_id=template--14675310936143__main-collection&${searchParams}`;

It may have worked before, but when you've modified the collection template the id is not longer matches and theme JS fails to fetch data to update product grid.

There is another place:

section: document.getElementById('product-grid').dataset.id,

where code expects your product grid element to have data-id attribute to use it later to construct URL, but it is missing.

This is probably the reason why section ID was hard-coded ...

Some CSS code is missing as well -- this is why you have duplicate options under "Availability" filter.