Configuración de Navegación en Capas PrestaShop - Mejorar la Búsqueda de Productos
Clasificación 5.00 stars - 1 votes

Deje que sus clientes realicen una búsqueda de productos precisa con navegación en capas

A menudo, los compradores en línea corren a través de las páginas de la tienda en línea con impaciencia para encontrar los productos necesarios. Preferirían tener todo a disposición y eludir la navegación de un sitio monótono. Para adaptarse a las demandas de los clientes y mejorar la búsqueda de productos de PrestaShop, debe configurar la navegación en capas en PrestaShop.


La navegación en capas de PrestaShop ofrece a los compradores una manera cómoda y rápida de buscar en el catálogo mediante el uso de filtros en la página de categoría. Los clientes, a su vez, pueden buscar por diversos criterios (atributos del producto, rango de precios, fabricante, peso, condición, etc.) y realizar sus compras en un espacio corto de tiempo.


Es importante entender cómo funciona la navegación en capas y qué configuraciones se deben determinar para que los filtros estén disponibles en la interfaz de PrestaShop. Estas cosas están cubiertas en el tutorial a continuación.


1) Acceso al módulo de navegación en capas

  1. Inicie sesión en el panel de administración de su tienda y vaya a ‘Módulos y servicios’ en el menú de la izquierda.

  2. Especifique el nombre del módulo en la línea de búsqueda para acceder al bloque de navegación en capas de PrestaShop.


  3. Search and Configure PrestaShop Faceted Search Module

  4. .Presione el botón ‘Configurar’ para acceder a la configuración del módulo.

2) Crear plantillas de filtro

Para mostrar filtros en el interfaz , primero debe crear la plantilla, especificar qué características del producto se usarán para filtrar, seleccionar el estilo de filtro, etc. Creemos una plantilla y veamos cómo se hace.

  1. Presione el botón ‘Agregar nueva plantilla’ en la página de complemento inicial.

  2. Add New Template in the PrestaShop Faceted Search Module Page

  3. Nombre la plantilla de entrada. Se mostrará solo en back-end, para que pueda elegir el que más le guste.

  4. Add a Descriptive Name For a Template

  5. Decida sobre categorías, se mostrará el filtro de navegación en capas.

  6. El bloque de navegación en capas, modelado según su plantilla de filtro, siempre se muestra en la página de categoría.

    Vamos a crear una plantilla de prueba que debe mostrarse solo en la categoría “Cosméticos” y seleccionar esta categoría, respectivamente.


    Select Categories

  7. Habilite los campos que estarán disponibles para los clientes en la navegación en capas, defina el estilo de filtro, ya sea el estilo de casilla de verificación, el menú desplegable o el botón de opción.

  8. Vamos a ofrecer funciones de PrestaShop en la navegación en capas así como también en el fabricante del producto, para que los compradores puedan acceder rápidamente a las sombras de ojos eligiendo esta o aquella opción en la navegación en capas.


    Habilitamos ‘Fabricante del producto’, ‘Característica: Composición’, ‘Característica: Color’ y ‘Filtro de subcategorías’ en el backend de nuestra tienda.


    Configure the filter

    Nos gustaría que las opciones del fabricante del producto se representen por botones de radio y, respectivamente, cambien el estilo de este filtro.


  9. Guardar plantilla

Vamos a verificar la página de categoría en la interfaz. Ahora puede ver las características de PrestaShop en la navegación en capas. El fabricante del producto también está disponible.


Configured filter is now available at the store front

Cuando marque la casilla de la característica definitiva de PrestaShop, se aplicará el filtro de PrestaShop y se devolverán todos los productos que tengan el valor de la función asignado.


Cosas a verificar si los filtros no se muestran en la interfaz

  • compruebe qué categoría ha elegido en el bloque de navegación en capas y asegúrese de que contenga productos
  • compruebe si los productos en la categoría tienen características, fabricantes, atributos asignados (si los usa como filtros en la navegación en capas)
  • reconstruya todos los índices
  • reinstale el módulo abra Módulos -> Navegación en capas -> haga clic en ‘Desinstalar’ e instale el módulo luego.

Simplifique la navegación del usuario y aumente las ventas en su sitio web PrestaShop con la navegación en capas de PrestaShop.


Usted, como propietario de una tienda, podría estar interesado en la búsqueda integral de productos de back-end y el filtro para simplificar el manejo del catálogo. Store Manager para PrestaShop ofrece este tipo de funcionalidad.


Pruebe Store Manager integral para el filtro PrestaShop y la funcionalidad de búsqueda Descargar Store Manager


Related Articles:


Card image
Cómo Generar Campos de Personalización de PrestaShop para Múltiples Productos

Utilice estas instrucciones para crear campos de personalización de PrestaShop y adjuntarlos a productos. Lee Más…

Card image
Cómo Agregar Campos Personalizados para Múltiples Productos

Ajuste los campos de PrestaShop a sus necesidades. Descubre cómo crear campos personalizados en PrestaShop. Lee Más…

Card image
Personalice la Rejilla del Producto PrestaShop Agregándole Columnas Adicionales

Descubra las formas de personalizar la cuadrícula de productos en Store Manager para PrestaShop. Lee Más…

Card image
Cómo Importar Detalles de Productos en Varios Idiomas a PrestaShop

Establecer archivo de importación con información de productos en varios idiomas. Amplía tu clientela haciendo que tu tienda sea multilingüe. Lee Más…


COMENTARIOS
borja
borja • 05/24/2022
Hola, que tal estáis? Tengo un duda con este modulo para la versión de móvil. En el filtro de precios con forma de barra que se desliza para elegir el precio deseado. No deja la opción de moverlo sin levantar el dedo para versión móvil? esto es un error o es así el modulo. Mucha gracias
PrestaShop Store ManagerMod borja • 05/24/2022
Probablemente sea mejor buscar en el foro de PrestaShop en los temas relevantes (ejemplo: https://www.prestashop.com/forums/topic/602608-layered-navigation-block-for-prestashop-17/)