La búsqueda en vivo o LiveSearch le permite al visitante de tu tienda mostrar resultados de búsqueda a medida que digita un texto en la caja de búsqueda.
Revisa el siguietne GIF animado:
Para lograr esto es preciso agregar un pequeño snippet de código javascript a tu tienda. A continuación te mostramos el paso a paso:
Debemos identificar el campo de texto, por lo general tiene como ID search-input
.
Usando el editor de plantillas abre layout.html
— y al final de la misma agrega el siguiente código:
El módulo también nos permite personalizar el resultado de la búsqueda. Dale una mirada al siguiente gif animado.
El código para lograr esto debería ser como lo siguiente. Donde lo que hacemos es solicitar un resultado de la búsqueda con la foto del producto además de mostrar nuevos campos como el precio.
Y acá el CSS que le dará el diseño a esta vista: