{"section":"tutorials","requestedLocale":"es","requestedSlug":"control-search-navigator","locale":"es","slug":"control-search-navigator","path":"docs/es/tutorials/storefront/layout/control-search-navigator.md","branch":"main","content":"> ⚠️ **Atención:** existen dos formas de configurar colecciones, mediante el CMS o utilizando el módulo Colecciones Beta. Este artículo se refiere a [la configuración de colecciones mediante el CMS](/es/docs/tutorials/registrar-una-coleccion-cms).\n\nEl control `<vtex.cmc:searchNavigator/>` renderiza un menú de filtros relacionados con el resultado de una búsqueda.\n\n> ℹ️ Este control funciona **apenas en páginas con contexto de búsqueda**; es decir, páginas donde los resultados mostrados fueron traídos por una búsqueda de usuario.\n\nCuando el usuario realiza una búsqueda en la tienda, el sistema de VTEX intenta traer resultados de acuerdo con un orden de prioridad de filtros. [Entienda cómo funciona la búsqueda aquí.](/es/docs/tutorials/como-funciona-la-busqueda-de-vtex)\n\nDigamos, por ejemplo, que el resultado sea un contexto de categoría. Es decir, el usuario buscó, por ejemplo, por el término \"Camisas\", el sistema identificó que existe una categoría con el nombre \"Camisas\" y cargó la página de esa categoría - usando, por lo tanto, el template de categoría. Si el control Search Navigator está en el código de ese template, va a renderizar un menú con filtros en la página.\n\nPor estándar, los filtros que pueden ser mostrados por el Search Navigator son los siguientes, en este orden:\n- Colecciones.\n- Categorías.\n- Marcas.\n- Especificaciones.\n- Rangos de precio.\n\nPero para cada uno de estos filtros hay algunas condiciones de exhibición. Es decir, usted puede definir si deben o no aparecer como filtro en los contextos de búsqueda.\n\n## Colecciones\n\nPara que una colección se muestre en el menú por el control Search Navigator, debe estar con el flag __Searchable__ seleccionada.\n\nEste flag se encuentra en la configuración de la propia colección dentro del CMS.\n\n![searchNavigator2](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/control-search-navigator_1.jpg)\n\n## Categorías\n\nPara que una categoría sea exhibida por acción de ese control, debe estar con el flag __Menú__ seleccionado.\n\nEste flag está en la pantalla de registro de la categoría.\n\n![Cómo funciona el control Search Navigator ES 2](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/control-search-navigator_2.png)\n\n> ℹ️ **Importante**: El control  `&lt;vtex.cmc:searchNavigator/&gt;` exhibe, por estándar, apenas la categoría base (primer nivel) y la subcategoría más específica (último nivel) dentro del contexto actual. Se omiten las divisiones intermedias en el árbol de categorías. Además, el control solo funciona en los primeros tres niveles, que son tradicionalmente Departamento, Categoría y Subcategoría. Si su  [arquitectura de catálogo](/es/docs/tracks/arquitectura-del-catalogo) contiene subdivisiones más allá del tercer nivel, no se mostrarán con el control nativo.\n\n## Marcas\n\n### En las páginas de categoría:\n\nLa página de registro de marca no tiene un flag de exhibición en el menú renderizado por el Search Navigator.\n\nEntonces, por estándar, las marcas siempre se muestran.\n\n> ⚠️ Sin embargo, en las páginas de departamento o categoría, las marcas solo se mostrarán mediante el control Search Navigator si, en el registro de categoría, el flag **Filtro de Marca** está seleccionado.\n\n### En otras páginas:\n\nEn páginas que no cargan templates de departamento o categoría, el filtro por marcas siempre será exhibido.\n\nSi desea ocultarlo, usted debe hacer esto por CSS.\n\n## Especificaciones\n\nPara que un campo de producto o un campo de SKU se muestre en el menú por el control Search Navigator, debe tener dos flags seleccionados:\n\n- Filtro\n- Link en el Menú Lateral\n\nAmbos se encuentran en la pantalla de registro del campo.\n\n![Cómo funciona el control Search Navigator ES 3](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/control-search-navigator_3.png)\n\n## Rangos de precio\n\nSi usted tiene algún [rango de precio](/es/docs/tutorials/configurando-filtro-de-faixa-de-preco) configurado en la tienda, este también funciona como filtro y, por defecto, se muestra en el menú por el control Search Navigator.\n\nPor ser filtros registrados en las categorías, los rangos de precio solo se visualizan en páginas de departamento o categoría.\n\n---\n\n> ℹ️ Los filtros **siempre** se renderizan en función de los atributos de los productos del contexto de búsqueda. Es decir, en base a la categoría, especificación (color, tamaño), marca, colección, etc.<br /><br />Por lo tanto, además de las condiciones señaladas anteriormente para que estos atributos aparezcan como filtros en el menú, es necesario antes de todo que el término buscado devuelva un contexto con productos que tienen esos atributos.<br /><br />Si el usuario hace, por ejemplo, una búsqueda por \"celular\" y la categoría Camisas no contiene ningún celular, esta no aparecerá en el menú, aunque en el registro de esa categoría el flag de exhibición esté seleccionado."}