URL de filtros diferentes entre mobile e desktop

VTEX in your native language 🌎 Português
1

Estou com uma dificuldade em relação aos filtros utilizando o componente nativo (filter-navigator.v3) onde a URL em desktop está diferente em mobile, exemplo ao fazer o filtro pelo tamanho pp no desktop me retorna assim
site.com.br/colecao/camisas?initialMap=c,c&initialQuery=colecao/camisas&map=category-1,category-2,tamanho&order=OrderByPriceDESC&query=/colecao/camisas/pp&searchState
Já em mobile me retorna assim
pp?initialMap=c,c&initialQuery=colecao/camisas&map=tamanho&order=OrderByPriceDESC&query=/colecao&searchState=

Estou usando as props dessa forma

“filter-navigator.v3”: {
“props”: {
“initiallyCollapsed”: true,
“openFiltersMode”: “one”,
“closeOnOutsideClick”: true,
“preventRouteChange”: false,
“showClearAllFiltersOnDesktop”: true,
“blockClass”: “filter-navigator-plp”
}
},

Alguém consegue me ajudar?

2

Não sei se pode ser um BUG do proprio componente da vtex, mas voce pode renderizar o filtro desktop no mobile usando a prop: layout como desktop.

daria pra voce usar um componente de drawer nativo para abrir o filtro mobile se precisar.