Storefront products filtering using metafield and multilingual

Technical Q&A

Topic summary

A developer is encountering a multilingual filtering issue when building a Shopify site with Hydrogen (Remix) and the GraphQL Storefront API.

The Problem:

  • Filters configured via the Search & Discovery app work correctly on the English version
  • On the French version (using /fr subpath), filters display in French but return English content when clicked
  • The filter query fails because it receives translated metafield values that don’t match the English data being returned

Key Observations:

  • The same filtering works properly on the default Liquid Dawn theme (e.g., /fr/collections/all?filter.p.m.custom.fragances=Hesperidé)
  • This rules out translation errors and suggests a potential issue with the GraphQL Storefront API’s handling of multilingual metafield filtering
  • Shopify support redirected them to seek expert assistance

Status: The issue remains unresolved. The developer is seeking others who have successfully implemented multilingual product filtering using the Storefront API.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Hello,

We are using Hydrogen (remix) and the GraphQL Storefront API to build our website.

On the collection page, we display filters that are configured in the Search & Discovery official app.

On the default english version, everything works well. The filters are displayed and when clicked, our filter query successfully returns our collection with products filtered.

On our french version (using a /fr subpath) the filters are displayed in the correct language but when clicked, our filter query (the same than before) returns the content in english and thus can’t filter using our custom metafield value that was translated.

The difference between the 2 calls is only the value of our metafield that we obtained from the initial query in french.

We compared with the base liquid Dawn theme still installed (ex: /fr/collections/all?filter.p.m.custom.fragances=Hesperidé) and there filtering in both languages works just fine.

We initially thought it could be a translation error on our end but that fact that it’s working on the liquid theme eliminate this possibility. There might be an issue with the GraphQL Storefront API.

We contacted the support that told us to contact a Shopify expert.

Does anyone have experienced a similar issue filtering product in 2 or more languages using the Storefront API ?

Thanks in advance.