Tutorial Madsjeez
Buscar productos como un pro
Texto, filtros, categorías y tolerancia a errores de tipeo
A diferencia de buscadores que te muestran "0 resultados" si tipeás mal, el de Madsjeez usa coincidencia difusa (pg_trgm + unaccent). "motocierra" matchea "motosierra", "carb" matchea "carburador", y si no hay nada te sugerimos los más vendidos.
- 01
Tipeá en la barra del navbar
A medida que escribís te sugiere categorías + productos + búsquedas relacionadas. Las sugerencias se ordenan por relevancia.
Navbar search con dropdown de sugerencias agrupadas (categorías + productos).
Captura próximamente - 02
Filtrá por categoría, precio y envío
En la página de resultados tenés filtros laterales: categoría, condición (nuevo/usado), rango de precio, envío gratis, FULL, internacional.
Sidebar izquierdo con switches y radio buttons activos en azul.
Captura próximamente - 03
Si no encuentro nada → "Quizás quisiste decir"
Cuando hay 0 resultados, te mostramos palabras parecidas del catálogo (typo correction) + los 12 productos más vendidos como fallback.
Empty state con chips "Quizás quisiste decir: carburador, motosierra".
Captura próximamente - 04
Ordenar por relevancia, precio o más nuevos
Arriba a la derecha tenés el sort. Por default "Más relevantes" combina título-match exacto, similarity y ventas.
Select "Ordenar por" con 4 opciones.
Captura próximamente
Siguiente paso