Añadir filtrado multinivel a artículos y productos en Elementor Tutorial

En este tutorial, mostramos cómo el Elementor ha dado en el clavo Elementos ilimitados Plugin para añadir filtros multinivel a productos o entradas. Este artículo se basa en el WooCommerce Rejilla de productos con el widget "Filtros de pestañas" como ejemplo. Este es un escenario de aplicación común. De hecho, los filtros multinivel pueden aplicarse a muchos tipos de artículos, galerías y otros contenidos.

A continuación encontrará una guía detallada paso a paso para aplicar el filtrado multinivel:

Paso 1: Creación de categorías y subcategorías

Antes de empezar, establezca categorías y subcategorías para el artículo o producto y asígnelas a las categorías correctas.

Esto permite que el filtro muestre el contenido según una lógica jerárquica preestablecida.

Paso 2: Instalar los widgets necesarios

Primero tenemos que instalarElementos ilimitados Complementos.

Este ejemplo utiliza el Ficha Filtros Gadgets y WooCommerce Rejilla de productos Gadgets.

Abre la biblioteca de widgets de Unlimited Elements y busca estos dos widgets. Cuando pase el ratón por encima de los widgets, verá un botón "Instalar", haga clic en él para completar la instalación.

Paso 3: Añadir la cuadrícula de productos a la página

Añada el WooCommerce Widget de cuadrícula de productos y establezca los criterios de consulta de productos. Por ejemplo, puede mostrar solo productos de la categoría "Hombre" o "Mujer".

Tenga en cuenta que la Relación de términos se establece en "O" al configurar la consulta; de lo contrario, los resultados no se mostrarán correctamente en la cuadrícula cuando se seleccionen varias categorías.

Antes de continuar con el siguiente paso, abra el widget Product Grid en la ventana Ajax función de filtración.

Paso 4: Activar el filtrado

Habilite el filtrado Ajax en la configuración de gadgets de la cuadrícula de productos, como se muestra aquí.

Paso 5: Añadir el filtro principal

Arrastre un widget Filtros de pestaña a la página y establezca su función de filtro en Filtro principal (Main).

A continuación, vaya a la sección "Selección de términos" y personalice la consulta para mostrar las categorías que desee en la pestaña principal, como "Ropa de hombre", "Ropa de mujer", "Ropa de mujer", etc. ".

Paso 6: Añadir subfiltros

Debajo del filtro principal, añade otro widget de filtros de pestaña y establece su "Función de filtro" en Niño.

A continuación, vaya a la sección "Selección de términos" y configure las subcategorías que desea mostrar. En este ejemplo, seleccione "Hombres" como categoría principal y marque "Mostrar hijos de".

Con esta configuración, el subfiltroSe actualiza dinámicamente según la selección del filtro principalcategorizaciónEtiquetas.

resúmenes

Una vez completados los ajustes, previsualice la página para comprobar si la función de filtrado multinivel funciona como se espera. Al hacer clic en la categoría principal (por ejemplo, "Ropa de hombre"), las subcategorías correspondientes se mostrarán dinámicamente debajo; al hacer clic en una subcategoría, la parrilla de productos filtrará automáticamente los productos coincidentes.

Siguiendo estos pasos, el Elementor En la implementación de la función de filtrado multinivel, para que el contenido de la página se muestre más organizado, y facilitar a los visitantes encontrar rápidamente la información de destino.

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