• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
Inicio / Tutoriales / Plugins / Cambiar el rango de precios de productos variables en WooCommerce

Cambiar el rango de precios de productos variables en WooCommerce

Cambiar el rango de precios de productos variables en WooCommerce

[ 14 julio 2021 ] [ Autor: Jhon Marreros Guzmán ][ Plugins - Intermedio] [ ]

mejoras woocommerce

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

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.

Rango de precios de producto variable

 

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”

Precio más bajo producto variable

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.

Precio más bajo con descuento en producto variable

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:

Suscríbete a DecodeCMS:  

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Mover el precio de variaciones de producto en WooCommerceMover el precio de variaciones de producto en WooCommerce
  • Guía visual de Hooks para StoreFront y WooCommerceGuía visual de Hooks para StoreFront y WooCommerce
  • Personalizar página de gracias de WooCommercePersonalizar página de gracias de WooCommerce
  • Modificar el precio de un producto por código en WooCommerceModificar el precio de un producto por código en WooCommerce
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (3 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

Comentarios

  1. Gustavo

    30 agosto, 2021

    ¡Gracias! Gran aporte.

    • Jhon Marreros Guzmán

      31 agosto, 2021

      Gracias Gustavo. Saludos.

  2. Edgardo Mendoza

    2 septiembre, 2021

    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.

    • Jhon Marreros Guzmán

      4 septiembre, 2021

      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/

  3. Andres Sanchez

    8 septiembre, 2021

    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

    • Jhon Marreros Guzmán

      14 septiembre, 2021

      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/

  4. Gustavo

    16 septiembre, 2021

    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

  5. Alberto Zaldívar Sánchez

    17 noviembre, 2021

    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?

    • Jhon Marreros Guzmán

      18 noviembre, 2021

      Hola, en la primera porción de código se muestra el precio más bajo, puedes quitar o cambiar el texto “‘From:”

  6. jesus

    16 enero, 2022

    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

  7. XoPo

    20 enero, 2022

    Me ayudó bastante, facil y sencillo! Muchas gracias

  8. Ricardo

    6 febrero, 2022

    Muchas gracias !! tendras algun paypal o cta para depositarte me ahorraste horas de trabajo

    • Jhon Marreros Guzmán

      6 febrero, 2022

      Hola, Ricardo, que bueno que te sirvió, te dejo el enlace de PayPal para donaciones: https://www.paypal.com/paypalme/jmarreros

  9. Ricardo

    22 febrero, 2022

    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/

    • Jhon Marreros Guzmán

      28 febrero, 2022

      Hola, podrías enviar una url específica de un producto en donde suceda lo que comentas?

  10. Luis Angel

    3 marzo, 2022

    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?

    • Jhon Marreros Guzmán

      4 marzo, 2022

      Hola, podrías poner una condicional en el inicio del código para que no tenga efecto al ingresar al detalle, algo similar a:

      if ( is_singular('product') ) return;

      Saludos.

  11. Ricardo

    30 mayo, 2022

    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

    • Jhon Marreros Guzmán

      31 mayo, 2022

      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.

  12. Miriam

    19 agosto, 2022

    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

    • Jhon Marreros Guzmán

      20 agosto, 2022

      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/

      • Miriam

        22 agosto, 2022

        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!

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*

* Gravatar habilitado

Barra lateral principal

Presentación

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Jooble
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad social woocommerce

Populares

Limitar a los autores a ver su propio contenido en WordPress

Agregar Microdatos en campos de productos en WooCommerce

Cambiar el prefijo de las tablas de WordPress

Subir archivos en WordPress a través de código

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2023 Todos los derechos reservados