> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sigmatecnologias.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Buscar y filtrar productos en el catálogo de Sigma

> Cómo usar la barra de búsqueda, filtros por categoría, marca, precio y stock, opciones de ordenamiento y URLs compartibles en Sigma Tecnologías.

El catálogo de Sigma Tecnologías incluye herramientas de búsqueda y filtrado que te permiten encontrar exactamente lo que necesitas entre miles de productos tecnológicos. Puedes combinar varios filtros al mismo tiempo y los resultados se actualizan automáticamente.

## Barra de búsqueda

La barra con el ícono de lupa y el texto **Buscar productos...** está en la parte superior del catálogo. Puedes buscar por:

* Nombre del producto
* Marca
* Número de modelo

Mientras escribes, el catálogo filtra los resultados en tiempo real sin necesidad de presionar Enter. Si tienes filtros de categoría o marca activos cuando inicias una búsqueda por texto, esos filtros se limpian automáticamente para que los resultados no queden vacíos.

<Note>
  El número de **productos encontrados** se actualiza debajo de la barra de búsqueda cada vez que aplicas o cambias un filtro.
</Note>

## Panel de filtros

En pantallas de escritorio, el panel de filtros aparece como una columna lateral izquierda. En dispositivos móviles, toca el botón **Filtros** para abrirlo como un panel deslizante.

El encabezado del panel muestra el título **Filtros** y, cuando hay algún filtro activo, un botón **Limpiar** para restablecer todos los filtros de una sola vez.

### Solo productos disponibles

Un interruptor (toggle) con la etiqueta **Solo productos disponibles** filtra el catálogo para mostrar únicamente productos con existencias en inventario. Debajo del interruptor aparece el estado actual:

* *Mostrando solo productos con stock* — cuando el toggle está activado
* *Mostrando todos los productos* — cuando está desactivado

### Rango de precio (MXN)

El filtro **Rango de Precio (MXN)** te permite definir un mínimo y un máximo. Puedes ajustarlo de dos maneras:

* **Campos numéricos** — escribe directamente los valores de **Mínimo** y **Máximo**
* **Barra deslizante** — arrastra los controles del slider para ajustar visualmente el rango

Los valores actuales se muestran debajo del slider. El rango máximo se ajusta dinámicamente al precio más alto disponible en los resultados actuales (el valor por defecto es hasta \$500,000 MXN).

### Marcas

La sección **Marcas** muestra un listado con casillas de verificación (checkboxes). Puedes seleccionar varias marcas al mismo tiempo para ver productos de todas ellas.

Funciones adicionales de este filtro:

* **Campo de búsqueda** — escribe en el campo **Buscar marcas...** para filtrar la lista cuando hay muchas marcas disponibles
* **Contador** — junto al nombre de cada marca aparece el número de productos disponibles entre paréntesis
* **Ver más / Ver menos** — si hay más marcas de las que se muestran por defecto, un botón al final expande o contrae la lista
* **Etiquetas activas** — las marcas seleccionadas aparecen como etiquetas sobre el listado; haz clic en la **×** de cada una para deseleccionarla individualmente

### Categorías

El filtro de **Categorías** usa una estructura jerárquica de hasta tres niveles (nivel 1 → nivel 2 → nivel 3). Puedes seleccionar varias categorías al mismo tiempo con sus respectivos checkboxes.

* Al seleccionar una categoría de nivel 1, puedes expandirla para ver sus subcategorías
* Al seleccionar una subcategoría de nivel 2, puedes seguir desglosando hasta nivel 3
* El número de productos por categoría aparece junto a cada nombre
* Un campo **Buscar categorías...** filtra la lista cuando hay muchas opciones

### Proveedor

El selector **Proveedor** es un menú desplegable que filtra los productos según el distribuidor. La opción **Todos los proveedores** está seleccionada por defecto y muestra el catálogo completo.

## Ordenamiento

El selector **Ordenar por** controla el orden en que aparecen los resultados. Las opciones disponibles son:

| Opción                    | Descripción                                                                             |
| ------------------------- | --------------------------------------------------------------------------------------- |
| **Por Relevancia**        | Aparece solo cuando hay una búsqueda de texto activa; ordena por relevancia del término |
| **Precio: Menor a Mayor** | Primero los productos más económicos                                                    |
| **Precio: Mayor a Menor** | Primero los productos de precio más alto                                                |
| **Nombre: A-Z**           | Orden alfabético ascendente por nombre                                                  |
| **Nombre: Z-A**           | Orden alfabético descendente por nombre                                                 |
| **Más Recientes**         | Primero los productos agregados más recientemente al catálogo                           |

## Vista de resultados

Puedes alternar la presentación de los resultados entre dos modos con los botones de **Vista**:

* **Cuadrícula (grid)** — tarjetas en columnas, ideal para comparar imágenes y precios de un vistazo
* **Lista** — filas horizontales con más información visible por producto

## Cómo realizar una búsqueda filtrada

<Steps>
  <Step title="Accede al catálogo">
    Ve a **Catálogo de Productos** desde el menú principal de la plataforma.
  </Step>

  <Step title="Escribe tu búsqueda (opcional)">
    Escribe el nombre, marca o modelo del producto en la barra **Buscar productos...**. Los resultados se actualizan mientras escribes.
  </Step>

  <Step title="Aplica filtros adicionales">
    En el panel lateral (o en el panel deslizante en móvil), activa los filtros que necesites: solo con stock, rango de precio, marcas, categorías o proveedor. Puedes combinarlos libremente.
  </Step>

  <Step title="Elige el ordenamiento">
    Usa el selector **Ordenar por** para cambiar el orden de los resultados según tu preferencia.
  </Step>

  <Step title="Explora los resultados">
    El número de **productos encontrados** se actualiza en tiempo real. Navega por las páginas si hay más resultados de los que caben en pantalla.
  </Step>
</Steps>

## Limpiar filtros

Tienes tres formas de quitar los filtros activos:

* **Botón Limpiar** — aparece en el encabezado del panel de filtros cuando hay algún filtro activo; lo elimina todo de una vez
* **Botón Volver al catálogo** — aparece en la parte superior del catálogo cuando hay filtros activos; restablece todos los filtros y regresa a la vista general
* **Botón Limpiar todos los filtros** — enlace que aparece debajo del título de la página junto a las etiquetas de filtros activos

Si activaste el filtro de solo productos con stock y no aparecen resultados, el catálogo puede mostrarte un aviso con el número de productos que sí existen pero están sin existencias, con un enlace **Ver productos sin stock** para ampliar la búsqueda.

## URLs compartibles

Cada combinación de búsqueda y filtros queda reflejada en la URL de la página. Esto significa que puedes **copiar y compartir la URL** directamente desde tu navegador para enviar a alguien exactamente la misma vista filtrada del catálogo.

Por ejemplo, compartir la URL del catálogo con los parámetros `?brand=Cisco&category=12345` abre la vista ya filtrada por esa marca y categoría.

<Tip>
  Guarda en marcadores las búsquedas que consultas con frecuencia — la URL preserva todos los filtros activos para que no tengas que configurarlos de nuevo la próxima vez.
</Tip>
