En los sitios web modernos de comercio electrónico, la función de filtrado de productos es una herramienta esencial.WooCommerce Se proporcionan varios bloques de filtros, de los cuales los Filtros de Productos ActivoscribadoEl bloque "Ware" se utiliza para visualizar la función de utilidad "Condiciones seleccionadas".

En este artículo se explica qué hace este bloque, cómo a?adirlo, dónde colocarlo y algunos consejos prácticos.

?Qué es el bloque Filtros de productos activos?

Este bloque se utiliza para mostrar los filtros seleccionados actualmente por el usuario, como el color, la marca o el rango de precios. Los usuarios pueden hacer clic para eliminar un filtro o restablecerlo mediante el botón "Borrar todo".

Hay que recordar que no es una herramienta de filtrado en sí misma, su función es cooperar con otros filtros para mostrar el estado de filtrado actual.

Formas de a?adir este bloque

El método de funcionamiento es el siguiente:

• mostrar (una entrada) WordPress seleccione la ubicación donde desea a?adirlo.
• A?ada un nuevo bloque, busque "Filtros de productos activos" e insértelo.

• Si aún no hay otros filtros en la página, este bloque muestra un espacio en blanco o marcador de posición.

• El bloque sólo mostrará contenido en el front-end si el usuario está filtrando.

Filtros para uso con

Para que este bloque funcione correctamente, la página debe incluir al menos un bloque WooCommerce Bloques de filtro suministrados, incluyendo:

• Filtrar productos por precio
• Filtrar productos por atributo, por ejemplo, color, tama?o

• Filtrar productos por stock

Puede combinar estos filtros para adaptarlos a sus necesidades reales y emparejarlos con filtros de productos activos para completar el contenido de la página.

Estilos y opciones de configuración

Aunque no hay muchos ajustes en este bloque, las funciones básicas son suficientes:

• Modo de visualización: Por defecto es una lista, también puede cambiar a pesta?as (Fichas), más adecuado para un dise?o limpio.

• Nivel del títuloPersonalizableleyendaLas jerarquías, como H3, H4, etc., se utilizan junto con la estructura de la página.

• CSS nombre de la clase: Se puede introducir un nombre de clase personalizado y utilizarlo para escribir código de estilo para embellecer aún más la interfaz.

Colocación recomendada

Lo más recomendable es colocar este bloque en la página de la tienda, junto a los filtros.

Por ejemplo, si coloca el filtro en la parte izquierda de la página, también se puede colocar debajo de la parte izquierda; si el filtro está en la parte superior, se coloca inmediatamente debajo.

Este dise?o es más claro, no causa interferencias visuales en la página, pero también es cómodo para que los usuarios vean el estado actual de la revisión en cualquier momento.

Recomendaciones de uso

• Este bloque debe utilizarse con otros filtros o no se mostrará nada.

• A?adir lo más abajo posible del filtro sin perturbar el dise?o de la página.
• Los estilos de etiqueta son más fáciles de leer en los móviles y se adaptan a las pantallas peque?as.

Preguntas frecuentes

P: ?Puedo utilizar este bloque solo?
No. Depende de otros filtros, y si no hay filtros en la página, el contenido no se mostrará.

P: ?Por qué no puedo ver este bloque en el frontend?
No aparece cuando el usuario aún no ha seleccionado los criterios de filtrado. Una vez que existe un comportamiento de filtrado, aparece el bloque.

P: ?Dónde se propone colocar este bloque?
Se recomienda colocarlo en la página de listado de productos (página Tienda) en la misma zona que los filtros para facilitar su uso conjunto.

resúmenes

El bloque Filtros de productos activos es un widget muy útil que permite a los clientes ver claramente los filtros seleccionados en ese momento y eliminarlos fácilmente.

Utilícelo con otras herramientas como el Filtro de precios, el Filtro de atributos, el Filtro de inventario, etc. para facilitar el proceso general de navegación.

Si está construyendo WooCommerce Mall, es muy recomendable utilizar este bloque para que la función de filtrado sea más completa e intuitiva.

Si necesita a?adir estilos, también puede combinar CSS Ajuste la pantalla. Si quieres saber más tutoriales WooCommerce, bienvenido a seguir la red de fluctuación de fotones, seguimos compartiendo WordPress construcción de sitios web relacionados con el conocimiento.

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