Tutorial de Avada Theme: Cómo añadir filtros a los productos utilizando el elemento de filtro de Woo

existeCrear una tienda WooCommerceCuando se trata de ofrecer a los usuarios una experiencia cómoda de selección de productos, es un paso importante para mejorar las tasas de conversión y la satisfacción de los usuarios.Constructor Avada Proporciona un elemento de filtro Woo totalmente funcional.Ayuda a los usuarios a filtrar rápidamente los productos en función del precio, los atributos, las valoraciones y otras condiciones para encontrar lo que buscan de forma más eficaz.

Este artículo le explicará paso a paso cómo Avada ha dado en el clavo Elemento filtrante WooCree una página de tienda con funciones de filtrado.

Introducción al elemento filtrante Woo

Avada ofrecido Elemento filtrante WooSe utiliza como alternativa a los Widget WooCommerceProporciona mayor flexibilidad y coherencia visual. Hay cuatro elementos básicos:

• Filtro Woo Activo: Muestra las condiciones de filtrado actualmente activadas
• Filtro Woo por atributoFiltro por atributos del producto, comocolorDimensiones, etc.
• Filtro Woo por precioFiltro por rango de precios
• Woo Filtrar por clasificaciónFiltro por valoración del usuario

Nota: Estos elementos sólo se aplican a los Archivos de productos.por lo que no puede añadirse directamente a una página normal.

procedimiento

Creación de páginas de tienda con diseño

Para activar la función Filtro Woo, debe pasar el parámetro Diseños Avada Cree un nuevo diseño de página en lugar del método normal de edición de páginas. Esto le permite aprovechar la Archivos de postales carga el producto y funciona con el elemento Woo Filter.

• salir para Avada > DiseñosSi desea crear una nueva presentación, por ejemplo, nómbrela "Nueva tienda".

• Añadir un Sección de diseño de contenidos

• Cambiar la página original de la tiendacontenedor de contenidoCopiar y pegar en este nuevo diseño

Sustituir el elemento Tarjeta Postal por Archivos Postales

El filtro Woo sólo funciona en contenidos archivados, por lo que es necesario cambiar el original Tarjeta postal se sustituye por el elemento Archivos de postales y establecer la fuente de contenido en "Archivo de productos(Archivos de productos)".

• Ajuste de parámetros como el número de columnas por página, el estilo de tarjeta, etc.
• Mantener la coherencia tipográfica original

Añadir un elemento filtrante Woo

1. Filtro Woo activo

Este elemento se utiliza para mostrar los filtros aplicados actualmente y se recomienda añadirlo siempre.

2. Filtro Woo por precio

Los usuarios pueden personalizar el rango de precios para filtrar los productos, establecer el estilo del título y el aspecto del deslizador.

3. Filtro Woo por atributo

Puede utilizarse para pulsar un botón como "color","tallas" y otros filtros de atributos de productos, que admiten la presentación de listas o menús desplegables. El elemento puede reutilizarse para mostrar varios atributos por separado.

4. Filtro Woo por valoración

para su uso de conformidad conpuntuación (del trabajo del alumno)Filtrar productos (por ejemplo, mostrar artículos con más de 4 estrellas), adecuado para sitios con un sistema de valoración de usuarios.

Cada elemento admite la personalización de tamaños de fuente, márgenes, colores y otros detalles visuales en el panel de estilos.

Ajuste de las condiciones de visualización

Una vez que haya terminado de diseñar la página y de añadir elementos, deberá añadirlos a la sección "requisito previo"Configuración de este diseño en elSólo funciona en las páginas de archivo de productos(página de la tienda o página de categoría de producto):

• Abrir la configuración de las condiciones de diseño

• opción Archivos > Archivos de productos Como zona de visualización de objetivos

• Opcional: puede activar el uso del Categorías de productos página web

Habilitar WooCommerce Producto Ciclismo

Por último, viajar a WooCommerce asignó la configuración de la página de la tienda en elen la pestaña Contenido de las Opciones de página, active la opción "Mostrar Ciclo de Productos WooCommerce" (Show WooCommerce Shop Loop) para que Post Card Archives pueda cargar los productos correctamente.

Demostración

Una vez que haya completado todos los ajustes, actualice la página para ver la barra de filtrado de productos con el iconotiendaPágina. Se puede visualizar la parte izquierda:

• Filtros actualmente activos (pueden borrarse con un clic)
• Corredera de selección de precios
• Lista filtrada de atributos como el tamaño
• Opciones de filtrado de la valoración de los usuarios

Después de que el usuario haga clic en el elemento filtrado, la página se actualiza automáticamente y muestra sólo los productos que cumplen las condiciones, lo que mejora enormemente la eficacia de la navegación y la experiencia de compra.

resúmenes

El elemento Woo Filter es una función avanzada que Avada proporciona a las páginas de tienda de WooCommerce, y aunque es un poco más complicado de configurar, su sistema de filtrado flexible y su buena integración visual pueden mejorar significativamente la experiencia de compra del usuario. Para más tutoriales e información relacionada con WordPress, siga el enlaceRed de fluctuación de fotonestiene los tutoriales de WordPress más completos y los más activos.Comunidad de intercambio de WordPress.

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