Tutorial de configuración del filtro de productos WoodMart: Guía de filtrado de precios, marcas y atributos

en el uso de Temas WoodMartAl crear un sitio web de un centro comercial, el filtrado de productos es una parte muy importante del proceso. Cuando los compradores navegan por la tienda, pueden encontrar rápidamente los productos adecuados, casi todos dependen de los filtros de la barra lateral. El tema WoodMart viene con un potente sistema de filtrado que permite filtrar por precio, marca, color, tamaño, material y muchas otras condiciones, sin necesidad de instalar plugins adicionales.

Este post te explica paso a paso cómo funcionan los filtros de WoodMart, cómo establecer rangos de precios, listas de marcas y diversos atributos de los productos.

I. Plugin principal del filtro: Widget de selección de productos WoodMart

Productos WoodMartfunción de filtradoSe basa principalmente en sus propios widgets. Puede encontrar un conjunto de módulos de filtro llamado "WoodMart Layered Nav" en Apariencia → Widgets (o Personalizar → Widgets).

Para activar estos módulos, asegúrese primero de que el diseño de la página de su tienda admite barras laterales y, a continuación, arrastre estos widgets a la ubicación de la barra lateral de la tienda.

En segundo lugar, configure la función de filtro de precios

Los filtros de precios son una de las funciones más comunes y útiles. woodMart ofrece un módulo de rango de precios deslizante que permite a los usuarios seleccionar libremente un rango de precios.

Método de ajuste:

• En el menú de fondo izquierdo, haga clic en [Apariencia] → [Widgets].
• Encuéntrelo".Filtros de la tienda"Esta zona", haga clic para ampliarla.
• Pulse "+" para añadir un nuevo gadget.
• Buscar en la ventana emergente:Filtro de precios WoodMart tal vez Filtro de productos por precio.

• Selecciónelo y haga clic en Añadir.
• Introduzca un título (por ejemplo, "Filtrar por precio") y haga clic en [Actualizar] en la esquina superior derecha para guardar.

Una vez que se muestra en el frontend, el usuario puede tirar del deslizador de precios y seleccionar libremente un rango de precios.

Si el control de precios no responde, compruébelo:

• ¿Todos los productos tienen precio?
• Si el sitio tiene activada la clasificación por defecto de WooCommerce
• Si está activado el filtrado Ajax

En tercer lugar, configure la función de filtro de marca

WoodMart admite el filtrado de marcas de productos básicos, pero las propias marcas no son WooCommerce Categorías por defecto. Primero debe crear el atributo de marca.

Los pasos son los siguientes:

• Backend → Productos → Propiedades
• Añade un nuevo atributo, como "marca".

• En la página de edición de productos, asigne una marca a cada producto

• Volver a Apariencia → Widgets
• Arrastre el widget "WoodMart Layered Nav".
• Seleccione el atributo "Marca".

• Una vez guardado, el frontend mostrará el filtro de la lista de marcas

Este módulo listará automáticamente todas las marcas, haga clic en una marca para filtrar los productos correspondientes.

Si desea que su marca se muestre como un icono de logotipo, puede configurar la imagen de cada elemento de marca en "Productos → Propiedades → Marca".

En cuarto lugar, establece el color, el tamaño y otros atributos filtrando

Las propiedades como el color y el tamaño se establecen de forma similar a las marcas:

1. Backend → Productos → Propiedades
2. Crea nombres de propiedades como "Color" o "Tamaño".
3. Añadir varias subopciones, como rojo, azul, verde; o S, M, L
4. En la página de edición del producto, añada estos valores de atributo al producto
5. Vuelve al área de Widgets y añade el módulo "WoodMart Layered Nav".
6. Seleccione el elemento de propiedad correspondiente

Obligatorio si desea que los colores aparezcan como bloques de color en lugar de texto:

• En "Propiedades", ajuste el tipo a "Color".

• Especifique el valor de color correspondiente para cada elemento de color, por ejemplo #ff0000 para el rojo.

El frontend mostrará entonces el bloque de colores, haga clic en el bloque de colores para filtrar.

V. Activar la experiencia de filtrado Ajax sin actualización

Soporte WoodMart Filtrado AjaxEsto significa que la página no se actualizará en su totalidad después de que el usuario haya filtrado las condiciones, sino que sólo se actualizará parcialmente la lista de productos, lo que facilita la navegación.

Abre el camino:

• Backstage → WoodMart → Configuración del tema
• Vaya a la configuración de "Archivo de productos".

• Busque "Tienda AJAX" y actívela.

• Guardar ajustes

Esta función está activada por defecto, pero si ves que la página salta o se actualiza en general después de filtrar, puedes venir aquí para asegurarte de que está activada.

VI. Optimizar el orden de filtrado y la visualización

En el caso de más productos y atributostiendaEn él, se recomienda racionalizar el orden de los filtros, por ejemplo:

• Ponga primero el filtro de precios
• Luego está la marca.
• A continuación, atributos como el color y el tamaño
• Por último, ponga el botón Borrar filtros ("Restablecer filtros").

De este modo, los usuarios pueden navegar con la mente más despejada y es menos probable que pasen por alto opciones clave.

Además, los filtros de WoodMart admiten el colapso y la expansión, por lo que si tienes muchos filtros, puedes activar la opción "colapsable" para ahorrar espacio.

VII. Solución de problemas comunes

Problema 1: ¿No aparece ningún producto tras hacer clic en el filtro?

• El producto no ha añadido el atributo correspondiente
• Mercancía no liberada
• Atributo mal escrito o incoherencia entre mayúsculas y minúsculas

Problema 2: El deslizador de precios no se muestra o se desliza de forma anormal?

• El precio del producto es 0 o está vacío
• Algunos plugins de divisas pueden afectar a la lógica del deslizador

Pregunta 3: ¿Los productos desaparecen tras combinar varios filtros?

• Es posible que no haya intersección entre las opciones
• Se recomienda guiar al usuario paso a paso por el filtro y restablecer las condiciones mediante el botón "Borrar filtro".

resúmenes

Temas WoodMartEl sistema de filtrado incorporado es muy completo, el precio, la marca, el color, el tamaño, etc. se pueden configurar fácilmente, sin necesidad de instalar plug-ins adicionales. Siempre que planifique la estructura de atributos, configure los widgets y active el filtrado Ajax, podrá crear una página de compras con una experiencia fluida y una categorización clara.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres