Filter navigator

marmarquez · June 15, 2022, 3:59pm

Hi!

I can’t find any documentation explainig the filter navigator props. Does anyone know where I can get them?

alextercete · June 21, 2022, 11:59pm

Hi @marmarquez! filter-navigator is one of the blocks available in the vtex.search-result app. So I think this is what you’re looking for:

Let me know if you need any more help!

marmarquez · June 27, 2022, 3:36pm

Thank you!

I know that documentation but I can’t find if the properties of the filter navigator block can be modified.

carlosviniciusanania · June 29, 2022, 8:45pm

hi @marmarquez

It is not possible to modify them, except changing their default value to another allowed value.
In other cases it is necessary to fork the component and customize it according to your needs.

github.com

vtex-apps/search-result/blob/master/react/components/FilterOptionTemplate.js

import PropTypes from 'prop-types'
import React, {
  useState,
  useCallback,
  useMemo,
  useRef,
  useEffect,
  useContext,
} from 'react'
import { FormattedMessage } from 'react-intl'
import { Collapse } from 'react-collapse'
import classNames from 'classnames'
import { useRuntime } from 'vtex.render-runtime'
import { IconCaret } from 'vtex.store-icons'
import { useCssHandles } from 'vtex.css-handles'
import { Tag } from 'vtex.styleguide'

import styles from '../searchResult.css'
import { SearchFilterBar } from './SearchFilterBar'
import SettingsContext from './SettingsContext'

This file has been truncated. show original

system · July 5, 2022, 10:25pm

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.