Cómo usar el filtro de producto dependiendo del bloque WooCommerce de precio

Los clientes a menudo llegarán a su tienda de WooCommerce con un presupuesto establecido. Pensarán: “Solo puedo gastar $ solo $, así que tengo que encontrar la combinación perfecta”. Obligar a los usuarios a explorar la página después de la página del producto hasta que encuentren una que corresponde a su presupuesto puede ser agotador. Existe útil el bloque de filtrado producido por WooCommerce Price. Este bloque permite a los clientes elegir un cierto rango de precios. WooCommerce actualizará la lista de productos para mostrar solo los elementos que caen en el presupuesto respectivo. Este artículo le mostrará cómo colocar el bloque de filtro producido por el precio y cómo configurarlo. También discutiremos las mejores prácticas para usar este elemento.
¡Vamos a eso! Cómo agregar productos de filtro Dependiendo del precio del bloque WooCommerce a su publicación o página antes de explicar cómo usar el bloque de filtro de productos, es importante tener en cuenta que solo funciona con el bloque de todos los productos de WooCommerce. Si coloca el bloque de filtro producido por precio en cualquier página que no incluya el bloque de todos los productos, la función de filtro no funcionará. Juntos, estos dos bloques son una combinación perfecta para la página principal de su tienda, abren el editor de bloques y el primer lugar del bloque todos los productos:

Este bloque generará una cuadrícula de productos que incluye cada artículo en su catálogo. Puede configurar cuántas filas y columnas incluyen la cuadrícula del producto y puede cambiar el orden en que aparecen los artículos:

Por ahora, no cambiaremos esta configuración. En su lugar, seleccione la opción de agregar un nuevo bloque sobre el artículo todos los productos. Busque en el bloque de bloque de los productos por precio: una vez que coloque este artículo, el editor de bloques mostrará una diapositiva de precio de 0 USD y limitará al precio del artículo más caro en su tienda. Este es un producto de $ 90, por lo que el control deslizante Va de $ 0 a $ 90:

Notará que la diapositiva no es funcional en la pantalla del editor. Para ver el bloque en acción, deberá obtener una vista previa de la página (o publicarla y acceder a él desde el front-end). Si aún no parece correcto, no se preocupe, hablemos de cómo configurarlo. Filtrar los productos por precio Bloque de WooCommerce La configuración y las opciones del bloque de filtro producido por el precio no ofrecen una amplia gama de configuraciones. Sin embargo, puede configurar algunos aspectos de la forma en que el bloque se ve y funciona. Para acceder a estas configuraciones, seleccione el elemento en el editor de bloques y haga clic en el icono de la rueda en la esquina superior derecha de la pantalla. Esto abrirá el menú Configuración del bloque derecho. En este menú, puede activar o deshabilitar la opción para campos de texto comestibles:

Si selecciona la opción de texto, los usuarios solo podrán filtrar los precios utilizando el control deslizante. La opción predeterminada editable también les permite cambiar manualmente los campos de precios. Al ir más allá, el menú de configuración del bloque incluye una opción para agregar una confirmación o botón “Filtrar”. Si activa esta configuración, los usuarios deberán hacer clic en un botón para confirmar el rango de precios que han establecido. Finalmente, puede cambiar el nivel de título para el texto del filtro de etiqueta los productos por precio: la configuración de los productos del bloque de filtro por precio no debe durar mucho, porque el artículo incluye solo unas pocas configuraciones. Si no está seguro de qué opciones seleccionar, hablaremos sobre nuestra configuración recomendada en la siguiente sección.

Consejos y mejores prácticas para el uso eficiente de los productos de filtro de acuerdo con el precio del bloque de WooCommerce, lo primero que debe considerar al usar el filtro de bloque, los productos después del precio, es que solo funciona con el bloque de todos los productos de WooCommerce. El bloque de todos los productos no le permite filtrar los productos de acuerdo con las categorías o cualquier otro atributo. Esto significa que tiene sentido asociar los dos bloques juntos si construye una página de la tienda WooCommerce. Como se mencionó anteriormente, es lógico colocar el bloque de filtro producido por el precio por encima del artículo todos los productos. De esta manera, los usuarios no perderán la función de filtro mientras navegan en la página de la tienda.


El bloqueo de bloque de los productos por precio ya incluye un encabezado de identificación, que dice “filtrar por precio”. Este encabezado es perfecto para la mayoría de las tiendas, así como para el nivel H3 predeterminado. Recomendamos que use los niveles más bajos de título solo si hay otros elementos H3 en la página que tienen prioridad. Por razones de uso, le recomendamos que mantenga los campos editables editables que vienen con el bloque de filtro producido por el precio. Ofrecer a los usuarios la opción de editar precios manualmente o usar la diapositiva hace que el bloque sea más adaptable. En cuanto a agregar un botón de confirmación, dejamos su elección. Activar el botón significa que la rejilla del producto no se actualizará automáticamente a medida que use el filtro deslizante de los productos por precio. Sin embargo, este puede ser un compromiso válido si su sitio ya tiene problemas de rendimiento.
Preguntas frecuentes sobre los productos de filtrado por precio El bloque WooCommerce Si aún tiene preguntas sobre el bloque de filtro producido por el precio, esta sección tiene como objetivo responderlos. Comencemos por hablar sobre los requisitos para que este bloque funcione. ¿Por qué el bloque de filtrado del producto no funciona? El bloque filtra los productos después de que el precio funciona solo si lo asocia con el bloque de todos los productos WooCommerce. Si coloca el bloque de filtro producido por precio junto con cualquier otro tipo de cuadrícula de productos, simplemente no funcionará. Podrá mover el control deslizante, pero los productos no se actualizarán en consecuencia.
¿Puedo editar los precios mínimos y máximos para filtrar los productos después del bloque de precios? El bloque de filtrado producido por Price establece automáticamente su control deslizante de precios para comenzar desde $ 0 y límite al precio del producto más caro en la tienda. Puede editar el valor de la diapositiva solo cambiando los precios de los productos en su tienda. Conclusión El elemento de filtro producido por el precio es un bloque de WooCommerce que funciona solo cuando lo asocia con otro artículo. Otros bloques que operan solo en pares incluyen el filtrado de productos después del atributo y los filtros de productos activos. El uso del bloque de filtro de precios de WooCommerce permite a los clientes navegar en todo el inventario de su tienda y ver solo los artículos que se adaptan a sus presupuestos. El bloque solo funciona con el artículo todos los productos, así que recuerde esto cuando lo coloque en su sitio web. ¿Tiene preguntas sobre cómo usar el bloqueo de bloque de los productos? ¡Hablemos de ellos en la sección de comentarios a continuación! Imagen presentada por Bakhtiar Zein / Shutterstock.com