WoodMart Theme Filtro Ajax Optimiza la Búsqueda de Productos

WoodMart Tema incorporado Ajax Función de filtrado, para que los usuarios no tengan que actualizar la página al seleccionar las condiciones de filtrado, la lista de productos puede actualizarse al instante para mejorar la eficacia de la navegación.

Filtrado Ajax

Ajax El filtrado permite a los visitantes ajustar los criterios de filtrado sin actualizar la página y ver rápidamente los productos que cumplen sus requisitos. Comparado con el método tradicional de recarga de la página, este modo de filtrado es más fluido, lo que puede reducir el tiempo de espera y mejorar la eficacia de la compra.

Escenarios aplicables:

• Centro comercial de ropa: filtrar productos por color, talla y marca
• Tienda de electrónica: filtre los aparatos por rango de precios, marca y especificaciones
• Comercio electrónico de productos de belleza y cuidado de la piel: filtrado de productos por ingredientes, eficacia y precio

Activar el filtrado Ajax

1. Entrar en la configuración del tema WoodMart

• mostrar (una entrada) Backend de WordPress → WoodMart → Ajustes del tema
• existe Archivo de productos para activar el filtrado Ajax

2. Configuración WooCommerce widgets

• entrar en Apariencia → Widgets
• existe WooCommerce Sidebar Añada los siguientes componentes de filtro:
  • Filtros de navegación jerárquica de WooCommerce(Filtrado por clasificación)
  • Filtro de precios WooCommerce(Deslizador de precios)
  • Filtrado de propiedades de WooCommerce(por ejemplo, color, talla, marca)

3. Establecer el ámbito del filtrado Ajax

• existe Configuración del tema → General → Búsqueda Habilitar búsqueda Ajax.

• existe Configuración del tema → General → Búsqueda Habilitar búsqueda Ajax.

Optimizar las opciones de filtrado para el filtrado Ajax

1. Visualización de filtros de color, tamaño, etc.

Por defecto, elWooCommerce El filtrado de variantes puede mostrarse como texto o como lista desplegable. Es posible activar Muestras de variación de WooCommerce Plug-ins para adaptar el filtrado a formas visuales como bloques de color, botones, imágenes, etc.

Método de funcionamiento:

• entrar en WooCommerce → Productos → PropiedadesSeleccione los atributos que deben optimizarse, como el color o el tamaño.

• existe Tipo de pantalla En las opciones, lea Bloques de colores, dibujos o botones

• existe Página de edición de productosA continuación se enumeran las variantes que pueden utilizarse en la presentación de la variante.

De este modo, el Ajax Al filtrar, los visitantes pueden seleccionar intuitivamente colores o tamaños sin tener que leer una lista de texto, lo que aumenta la eficacia del filtrado.

2. Optimización de la barra deslizante del filtro de precios

• entrar en Apariencia → Widgets
• En la barra lateral de WooCommerce, añada el iconoWidget de filtro de propiedades

• Ajuste el tamaño del paso del intervalo de precios para evitar que sea demasiado granular y dificulte el arrastre del control deslizante.

3. Clasificación de las mercancías

Si el sitio tiene un gran número de categorías de productos, puede utilizar la función Filtros de navegación jerárquicaEsto permite contraer y expandir diferentes niveles de categorización, lo que reduce la longitud de la lista de filtros y hace que el método de filtrado sea más conciso.

Guía de usuario mejorada para el filtrado

1. Añadir botón de borrar filtro

Después de filtrar demasiadas opciones, es posible que el usuario desee restablecer rápidamente todos los filtros. Esto puede hacerse en el menú Ajax El campo de filtro añade "Proyección clara" que permite al usuario volver rápidamente a la lista de productos por defecto.

2. Configuración de las opciones de filtrado por defecto

existe WooCommerce → Todos los productos → Propiedades puede establecer la opción Ordenación por defecto

resúmenes

Ajax La función de filtrado puede mejorar la eficacia del filtrado del sitio web de comercio electrónico, de modo que los usuarios no necesiten actualizar la página después de seleccionar las condiciones de filtrado para ver los productos elegibles. En Optimización de las opciones de filtrado, ajuste de los métodos de filtrado, mejora de la velocidad de carga, mejora de la guía de filtrado Medidas como ésta pueden permitir WoodMart Los temas ofrecen una experiencia de filtrado más fluida y mejoran las tasas de conversión.