Cuando tienes un producto variable y con diferentes precios por cada variación, te aparecerá un rango de precios, en este artículo aprenderás cómo cambiar este rango y sólo mostrar el precio más bajo.
Generalidades
En versiones actuales de WooCommerce, un producto variable con diferentes precios por cada variación mostrará un rango de precios, tal como se muestra en la siguiente imagen.
Mostrar sólo el precio más bajo
El siguiente código servirá para mostrar sólo el precio más bajo antecedido por el texto “desde”
En el código anterior:
- Usamos el hook woocommerce_variable_price_html que hace referencia a la función dcms_variation_price_format
- Dentro de la función recuperamos el precio mínimo y el precio máximo de todos los precios de las variaciones
- Si existe una diferencia entonces mostramos el mínimo antecedido por el texto “desde”
- Si no hay diferencias mostramos el precio mínimo (será el mismo para el máximo) directamente
Mostrar el precio más bajo y también incluir descuentos
El siguiente código mostrará adicional al precio más bajo el menor descuento.
En el código anterior:
- Usamos el hook woocommerce_variable_price_html que hace referencia a la función dcms_variation_price_format
- Dentro de la función recuperamos el precio regular mínimo y el precio regular máximo de todos los precios de las variaciones
- También recuperamos el precio de venta mínimo y el precio de venta máximo de todos los precios de las variaciones
- Hacemos comparaciones para verificar si hay diferencias, si el precio de venta es menor lo mostramos en un formato de tachado
- Caso contrario lo mostramos sólo con el texto “desde”
- Si no hay diferencias mostramos simplemente el precio mínimo (será el mismo para el precio máximo)
Conclusión
Tal como hemos visto, es posible cambiar el comportamiento que tiene WooCommerce por defecto para mostrar los precios de un producto variable y sólo mostrar el precio más bajo de todas las variaciones.
¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores:
Artículos Relacionados
(3 votos, promedio: 5,00 de 5)
Cargando...
¡Gracias! Gran aporte.
Gracias Gustavo. Saludos.
Hola Jhon, como estas, gracias por tu excelentes aporte. Quisiera hacerte una consulta: Me gustaría saber si se puede crear una función para Woocommerce donde un producto agrupado solo se pueda agregar al carrito cuando el cliente haya pasado de cierto precio, Ejemplo: si tengo un 10 productos agrupados, y cuestan entre 5 y 15 dólares, quiero que se puedan agregar al carrito solo cuando la suma de los productos seleccionados supere los 30 dólares, ya sea que seleccionen distintos productos o solo uno en varias cantidades.
Hola, creo que es una funcionalidad un poco más compleja, podrías evaluar algún plugin, por ejemplo: https://wordpress.org/plugins/order-minimum-amount-for-woocommerce/
Hola, Jhon esta super bueno el tutorial lo tengo bastante claro. Pero tengo una duda deseo hacer se muestre “DESDE EL PRECIO MAS BAJO ” pero cuando se seleccione alguna de las variables se cambie el precio al precio de la variable seleccionada.
Pero que se visualice en la parte superior el mismo sitio que al inicio estuvo “”DESDE EL PRECIO MAS BAJO ” espero haberlo explicado de la mejor forma
Hola
Quieres mostrar sólo el texto?, podrías evaluar usar alguno de los hooks de WooCommerce para el producto, revisa este artículo de referencia: https://decodecms.com/guia-visual-de-hooks-para-storefront-y-woocommerce/
Hola,
En los precios variables, solo aparecen sin iva, por defecto en Woocommerce, ¿es posible que en este código en el que aparecen “desde..” aparezcan los precios con iva?
Gracias y saludos
Hola buenos días estoy buscando la forma de eliminar esa variable de precio por completo, que no me salga desde ni el rango de precios, que solo salga el precio abajo junto al botón de compra, abría alguna manera?
Hola, en la primera porción de código se muestra el precio más bajo, puedes quitar o cambiar el texto “‘From:”
En los precios variables, solo aparecen sin iva, por defecto en Woocommerce, ¿es posible que en este código en el que aparecen “desde..” aparezcan los precios con iva?
Gracias y saludos
Me ayudó bastante, facil y sencillo! Muchas gracias
Muchas gracias !! tendras algun paypal o cta para depositarte me ahorraste horas de trabajo
Hola, Ricardo, que bueno que te sirvió, te dejo el enlace de PayPal para donaciones: https://www.paypal.com/paypalme/jmarreros
Hola me ayudo en parte el articulo una consulta usted sabe como puedo hacer para que todos los precios tengan el mismo formato de “Mostrar el precio más bajo y también incluir descuentos” porque cuando lo implemente solo tiene ese formato algunos productos varibales y otros no como puede ver en el link:
https://cortinas.net.pe/tienda/
Hola, podrías enviar una url específica de un producto en donde suceda lo que comentas?
Hola saludos, tendras alguna forma para hacer que el cambio solo se de en la seccion del producto y no en la lista de prpoductos? Es decir quiero mostrar el rango de precios en la lista de prouctos y ocultar cuando el cliente ingrese al producto?
Hola, podrías poner una condicional en el inicio del código para que no tenga efecto al ingresar al detalle, algo similar a:
Saludos.
Hola, muy interesante y didáctico todos sus videos. Sabiendo cual es el precio mas económico de las variantes como podría hacer para que al ingresar al single product este seleccionada esta variante por defecto ?
Gracias
Ricardo desde Argentina
Hola, lo más rápido que se me ocurre es que realices una redirección de la url del producto a la url del producto con variantes, es decir si pruebas a realizar variaciones verás que la url cambia, esa es la url del producto que deberías usar. La redirección lo puedes hacer por .htaccess o con algún plugin.
Hola, quería consultar un caso más particular, cuando además de mostrar el precio más bajo quiero que me muestre el de un dto por cantidad. Se trata de un precio segmentado por cantidad.
Te dejo un ejemplo
https://www.eventosmilmar.com/shop/sillas/sillas-polipropileno/silla-garrocha-blanca/
En este caso me gustaría que mostrara el precio de la silla por la compra de 88 unidades. ¿Seria posible? Muchas gracias de ante mano
Hola, entiendo según tu ejemplo que sólo quieres agregar un mensaje fijo, si es así entonces simplemente usa algunos de los hooks disponibles en la página de detalle de producto, revisa el siguiente artículo de guia: https://decodecms.com/guia-visual-de-hooks-para-storefront-y-woocommerce/
No, quiero que me muestre el precio más bajo (que en este caso el correspondiente al dto por cantidad) en ves del precio por la compra de 1 unidad.
Muchas gracias por la ayuda!