{"section":"tutorials","requestedLocale":"en","requestedSlug":"search-navigator-control","locale":"en","slug":"search-navigator-control","path":"docs/en/tutorials/storefront/layout/search-navigator-control.md","branch":"main","content":"> ⚠️ **Warning:** there are two ways to configure collections, through the CMS or the Collection module (Beta). This article is about how to [configure collections through the CMS](/en/docs/tutorials/adding-collections-cms).\n\nThe `` control renders a menu of filters related to the result of a search.\n\n> ℹ️ This control works **only on pages with search context**, i.e. pages where the displayed results were fetched by a user search.\n\nWhen users perform a search on the store page, the VTEX system tries to fetch results according to filter priority order. [Know more about the VTEX search works here.](/en/docs/tutorials/how-does-vtex-search-work)\n\nLet's suppose that the result is a category context, which means that the user searched, for example, for the term \"Shirts\", the system identified that there is a category with the name \"Shirts\" and loads that category's page - using, therefore, the category template. If the Search Navigator control is in the code of this template, it will render a menu with filters on the page.\n\nBy default, the filters that can be displayed by the Search Navigator are as follows, in this order:\n- Collections.\n- Categories.\n- Brands.\n- Specifications.\n- Price ranges.\n\nHowever, each of these filters entails distinct display conditions, meaning that you can define whether or not the above-mentioned should appear as filters in search contexts.\n\n## Collections\n\nFor a collection to be rendered in the menu by the Search Navigator control, it must be marked with the __Searchable__ flag.\n\nThis flag can be found in the collection's settings, inside CMS.\n\n\n\n## Categories\n\nFor a category to be rendered by this control, it must be marked with the __Menu__ flag.\n\nThis flag can be found on the category registration screen.\n\n\n\n> ℹ️ **Important**: The `<vtex.cmc:searchNavigator/>` control displays, by default, only the primary-level categories (root) and the lowest-level sub-categories, within the current context. Intermediate splits in the categories tree are omitted. In addition, the control only functions on the first three levels, which traditionally are the Department, Category and Subcategory. If your [catalog architecture](/en/docs/tracks/catalog-architecture) has any other subdivisions except the three levels mentioned above, these will not be displayed using the native control.\n\n## Brands\n\n### In category pages:\n\nThe brand registration page doesn't have a display flag in the menu rendered by Search Navigator.\n\nSo, by default, brands are always displayed.\n\n> ⚠️ However, on department or category pages, brands will only be displayed by the Search Navigator control if the **Brand Filter** flag is checked when adding a category.\n\n### In other pages:\n\nOn pages that don't load department or category templates, the brand filter will always be displayed.\n\nIf you want to hide it, you should do this using CSS.\n\n## Specifications\n\nFor a product field or SKU field to be displayed on the menu by the Search Navigator control, it must have two flags tagged:\n- Filter\n- Link in Side Menu\n\nBoth are found on the field registration screen.\n\n\n\n## Price ranges\n\nIf you have any [price range](/en/docs/tutorials/setting-up-the-price-range-filter) configured in the store, it also functions as a filter and is, by default, displayed in the menu by the Search Navigator control.\n\nSince they're filters registered in categories, price ranges are only displayed on department or category pages.\n\n---\n\n> ℹ️ Filters are **always** rendered based on the attributes of search context products; meaning based on the category, specification (color, size), brand, collection, etc.
Therefore, in addition to the conditions listed above for these attributes to appear as filters in the menu, it's first of all necessary for the search term to return a context with products that have such attributes.
If the user searches, for example, for \"cell\" and the Shirts category does not contain any cell, it will not appear in the menu, even if the display flag in this category is checked."}