Built on WIX Headless

Tutoriais / tutorial

Como adicionar search and filters a exibições Wix CMS

· visão geral search filters Wix CMS

Como adicionar search and filters a exibições Wix CMS

Busca e filtros de visitante mantêm listas CMS grandes usáveis: digite um nome, escolha uma categoria, estreite por preço ou data. Esta página é o mapa—o que é possível, quais widgets suportam e qual tutorial focado abrir em seguida.

Funciona no Editor, Studio e Harmony. O CMS for Harmony roda nos três; o nome não significa só Harmony.

Comece pelos objetivos: Guia Wix CMS.

Escolha o guia que combina com o seu trabalho

Sua perguntaVá aqui
Busca por keyword em itens de collection (não site search)Adicionar uma barra de busca
Navegação por categoria ou tag em cardsFiltros de categoria num Repeater
Busca + vários filtros + rangesCombinar busca e filtros
Inventário denso pesquisávelTabela pesquisável
Projeto completo de diretórioDiretório pesquisável
Rótulos exatos de painelDocumentação Search & filters

Nativo vs app

EditorFiltros nativos de visitanteCMS for Harmony
Studio / EditorDataset + inputs para muitos filtros de categoria; live keyword search muitas vezes precisa de VeloMesma toolkit Table / Repeater com UI de busca embutida
HarmonyFiltros de visitante limitados numa lista nativa hojeSearch & filters em widgets suportados

Lacunas do Harmony: limitações do CMS. App = só widgets (sem binding nativo Text/Image/Button).

Widgets que suportam search & filters

WidgetSearch / filters
TableYes
RepeaterYes
CalendarYes — busca usa Title e Details
Media GalleryYes
SlideshowYes — busca usa Title / Text / Button label quando mapeados
Dynamic PageNo visitor search/filters
FormN/A

Visão geral do setup (app)

  1. Conecte uma exibição suportada a uma collection (ou Pro Sheets onde permitido).
  2. Abra Search & filters.
  3. Ative Show search bar e/ou Show filters.
  4. Adicione filtros com a condição de match correta (equals, contains, ranges etc.).
  5. Use Show filter para UI de visitante, ou Choose value para uma regra oculta sempre ativa.
  6. Defina Filters display como Top ou Side.
  7. Publique e teste como visitante.

Modos que importam

ModeQuando usar
Show filterVisitantes escolhem categoria, cidade, cor, faixa de preço
Choose valueSempre aplicar um match fixo sem UI
RangesDatas e números
Color swatchesCampos Color em catálogos
Reference filtersCollections relacionadas com Display field para rótulos

Setups comuns

Use caseWidgets + filters típicos
Team directoryRepeater ou Table por department / role
Real estateRepeater por city e price range
Product catalogRepeater/Table + Color swatches + category
EventsCalendar + date filters
PortfolioMedia Gallery ou Slideshow por type

Exemplos por indústria: diretório pesquisável, real estate, diretório de equipe.

Notas de plano

Search & filters em exibições suportadas fazem parte da superfície core do app (não são Pro-gated como payments ou Sheets). Conexões Pro Sheets ainda podem usar search/filters onde esses widgets suportam.

FAQ

Posso adicionar filtros sem código?

Sim—inputs de dataset nativos no Studio/Editor para muitos filtros de categoria, ou Search & filters do CMS for Harmony num widget suportado.

O Harmony nativo oferece filtros de visitante?

Não como inputs completos de visitante numa única lista hoje.

O app funciona no Editor e no Studio?

Sim.

Relacionado

Atualizado:

Pronto para experimentar no Harmony? Criar um site inicial grátis CMS for Harmony