Guía del módulo "Filter Products PRO": el buscador avanzado de productos

¿Has usado alguna vez el módulo Filter Products PRO en tu tienda online?

Si quieres poder filtrar por todo tipo de atributos, características, proveedores, categorías o muchas más opciones, te voy a contar cómo hacerlo, con este addon para tiendas PrestaShop súper potente.

Pero antes que nada, veamos de qué se trata

¿Qué es Filter Products PRO?

Filter Products PRO es un módulo especialmente diseñado para tiendas PrestaShop, con el que no solo podrás filtrar en la página de categorías de productos, sino que podrás incrustar cualquier filtro personalizado en cualquier página de tu web, aunque sea estática y en cualquier hook de tu PrestaShop.

Partiendo de este punto, imagínate las opciones posibles. Serían verdaderamente ilimitadas.

Voy a explicarte paso a paso cómo instalarlo y configurarlo para sacarle el máximo rendimiento.

Pero antes de nada, no olvides que puedes encontrar Filter Products PRO en el marketplace de PrestaShop.

Proceso de instalación de Filter Products PRO paso a paso

A continuación te contaré paso por paso cómo puedes instalarlo en tu tienda online:

1) Descarga del módulo

Lo primero es comprarlo desde este enlace.

Este módulo necesita un número de licencia para funcionar o que tengamos nuestra cuenta de addons vinculada en nuestra tienda PrestaShop.

En caso de que necesites hacer pruebas del módulo en local, el desarrollador te facilita un número de licencia para entorno de pruebas además del de producción.

Bien, descargamos el módulo en formato zip y entramos en el Backoffice de PrestaShop, en la menú lateral izquierdo pinchamos en Módulos -> Module Manager si tienes un PrestaShop en la versión 1.7.6.X.

2) Subir el módulo

Si tienes otra versión, el nombre será diferente, pero en definitiva, tienes que ir al gestor de módulos y pinchar en Subir un módulo.

Seleccionas el fichero del módulo, confirmas que lo quieres instalar y si todo va bien, que es lo normal, se instalará correctamente

Ahora nos aparecerá ya en la lista de módulos disponibles e instalados, pinchamos en Configurar y entramos a ver lo interesante.

3) Configuración

Lo primero que vemos al entrar es esto:

Introducimos el número de licencia y ¡a trabajar!

Esta será la siguiente pantalla que verás:

Os voy a explicar qué podemos hacer con el módulo y las opciones que tenemos en cada pestaña del menú propio del módulo.

4) Ajustes

Aquí podemos crear los filtros que deseemos, por lo que pinchamos en el botón Añadir nuevo buscador y como vemos en el anterior pantallazo, crear un filtro de un atributo, característica, de nuestros proveedores, de nuestras categorías o de Fabricantes es tan fácil como arrastrar desde la izquierda a la derecha, el drag&drop de toda la vida ;)

5) Filtros

Ya en la sección de Filtros actuales podemos dar el orden que queramos a los filtros, clicando en el icono que está más a la izquierda que son dos líneas cruzadas y arrastrando hacia arriba o abajo ese filtro.

Podemos definir el número de columnas que queremos mostrar para este filtro, de 1 a 4, siempre la que mejor se adapte al diseño de vuestra web y a la cantidad de datos que tengáis para cada uno.

La siguiente opción es el tipo de filtro que queréis, si Lista desplegable, Radio button, Checkbox o Caja de texto, os explico cada uno qué significa:

• Lista desplegable, en este tipo de filtro solo puedes elegir una opción, un único valor del atributo
• Radio button, es igual que la lista desplegable en cuanto a funcionamiento ya que solo se puede elegir una opción pero con este tipo de filtro podemos ver todos los valores de un vistazo, sin tener que pinchar en el desplegable
• Checkbox, con esta opción seleccionada podemos elegir los valores que deseemos, no nos limita solo a un valor como la anterior opción, por ejemplo si queremos ver los zapatos disponibles desde la talla 39 a la 42 con este filtro podemos seleccionar las tallas 39, 40, 41 y 42.
• Cuando el atributo es de tipo color, es igual a lo dicho anteriormente pero la diferencia es que nos muestra una imágen con un color o patrón para que nuestra selección sea más visual, podemos elegir varias opciones.
• Slider, este filtro es sobre todo útil para filtrar por precio, desde un precio mínimo hasta un valor máximo.

Luego tenemos estos botones pequeños los cuales vamos a describir ahora su funcionamiento.

El primero sirve para activar/desactivar el atributo del filtro, el segundo sirve para editar este atributo, con el tercero borramos este atributo, característica o lo que sea del filtro y con el cuarto botón podemos activar/desactivar este atributo del frontend.

Los dos últimos botones son para ordenar los valores de ese atributo alfabéticamente.

Y por último, en esta pestaña tenemos el botón que está más a la derecha del todo que contiene una imagen de un signo más, que tiene la misma funcionalidad que el segundo botón del párrafo anterior: editar la configuración específica de este atributo en este filtro.

Como véis este módulo tiene muchísimas opciones y se van a intentar abordar todas pero los desarrolladores son muy activos y quizás existan nuevas funcionalidades cuando lea este artículo.

Las siguientes 3 pestañas, Categorias, Proveedores y Fabricantes, nos sirven para editar  los filtros creados de este tipo, incrementando la personalización.

Con la pestaña Otras páginas podemos incluir el filtro actual en cualquier página estática de nuestro PrestaShop, todas aparecerán aquí y solo seleccionandola se incluirá el filtro actual

• Filtros en hooks: esta opción nos da una versatilidad increíble porque podemos incrustar nuestro filtro en cualquier parte de la web
• En la pestaña Dependencias tenemos es algo muy interesante y una funcionalidad por la que vale la pena comprar este módulo. Con esta opción podemos modificar el comportamiento de nuestros filtros dependiendo del valor de otro filtro, algo que se tendría que hacer con programación hasta hace poco ahora se puede conseguir con esta funcionalidad.

Y por último, en la pestaña Configuraciones tenemos las siguientes opciones, las cuales son muy fácil de entender ya que solo tienen los valore Si o No y se explican muy claramente.

6) Reindexación de productos

Esta opción del menú lateral aparece en versiones del módulo anteriores a la 4. Aquí se nos mostrará un listado con todos los productos que tenemos en nuestra página listos para ser filtrados.

Hay un botón de indexación de productos que nos sirve para actualizar en el motor de búsqueda de nuestra tienda los valores de cada producto, por ejemplo, si añadimos una talla de zapato y queremos que aparezca desde ya en la web.

Y no queremos esperar a que el cron la active nocturnamente (que es cuando se suelen lanzar los crons) y pinchando en el botón.

Forzamos la reindexación total y ese nuevo valor para el atributo Talla de ese producto se actualizará mostrando la nueva talla en la página de producto desde ya.

7) Archivos de configuración

Podemos tener la configuración de ciertos filtros en un fichero, como te muestro en esta imagen:

8) Configuración general

En esta pestaña podemos:

• Modo prueba, si lo activamos e introducimos nuestra IP solo nosotros veremos el filtro y cómo queda y así ir probando diferentes configuraciones.
• Columna para mostrar resultados, nombre de columna donde mostraremos los resultados.
• Mostrar total de productos al lado de la opción.
• Generar caché, si marcamos esta opción se cachearán nuestros filtros.
• Mostrar filtros en url, se verá en la url del navegador nuevos parámetros relacionados con nuestros filtros seleccionados.
• Ocultar filtros cuando no existan opciones.

9) Cron

Esta pestaña nos indica unas url que podemos utilizar para reindexar los productos de forma periódica a través de un cron, que se deberá configurar en vuestro cPanel o Plesk con la periodicidad que deseeis.

Estas tareas actualizarán precios y demás atributos en los buscadores de PrestaShop

10) Traducciones

El funcionamiento es el mismo que las Traducciones de PrestaShop, es más todos los campos a traducir aparecerán en la sección propia de PrestaShop, pero los desarrolladores del módulo han decidido también ponerlas aquí para mejorar la usabilidad.

11) Editores de código

En esta pestaña del módulo tenemos la opción de añadir código CSS y JS que nos ayudará a personalizar el aspecto visual del módulo o su lógica de funcionamiento.

Se recomienda que esta sección solo se utilice si tienes conocimientos técnicos suficientes, ya que si no puede llevar a un mal funcionamiento del módulo.

 

Conclusión

Este módulo es magnífico si queremos llevar nuestros filtros a un nivel superior, porque podemos personalizar muchísimas cosas, prácticamente todas y los desarrolladores lo tienen muy actualizado y añaden nuevas funcionalidades con mucha asiduidad.

Si tienes la posibilidad de tenerlo y quieres mejorar tus filtros lo que supone a la postre más ventas, ¡no lo dudes!

Y si te ha surgido alguna duda sobre este módulo u otro aspecto relacionado con la configuración de tus módulos, en mi perfil de LinkedIn me tienes a tu disposición ;)

Imagen principal By Freepik.