Añadir texto junto al precio de producto en los listados de producto

  • Resuelto bigdatadestroy

    (@bigdatadestroy)


    hace 4 años, 11 meses

    Hola comunidad, saludos.
    Estoy creando una tienda woocommerce poquito a poco y no son pocas las dudas y problemas que me van surgiendo, estoy intentando hacer todo lo que puedo mediante CSS y tocando el functions.php para no sobrecargar la tienda de plugins. Ahora que he descubierto este sitio vendré por aquí para intentar resolver las dudas que tenga y si puedo echar una mano también a alguien con lo poco que he aprendido, será un placer.

    Mi duda es la siguiente: Estoy atascado porque necesito que junto al precio de los productos aparezca un texto….’desde’ ó ’30×30 desde’……..
    Hablamos de los listados de productos que se insertan mediante el editor de bloques y pueden filtrarse por categorías, precio…..etc etc, incorporandolos así a cualquier página de la tienda.

    He conseguido mediante CSS adjuntar al precio una imagen png en la que se lee ‘desde’, pero preferiría hacerlo con texto a ser posible.

    A ver si alguien me pudiese ayuda por favor, muchas gracias por adelantado.

    • Este debate fue modificado hace 4 años, 11 meses por bigdatadestroy.
    • Este debate fue modificado hace 4 años, 11 meses por bigdatadestroy.
Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Isa Gomez

    (@asi1985)

    hace 4 años, 11 meses

    Hola Bigdatadestroy, si necesitas añadir un texto justo al lado de tu precio en Woocommerce puedes hacerlo añadiendo el siguiente código a tu archivo functions.php
    ¡Recuerda realizar una copia de seguridad de este archivo antes de cualquier modificación!

    El código que debes añadir es el siguiente: 

    function custom_price_message( $price ) { 
    global $post;
    $product_id = $post->ID;
    $textafter = ' Desde'; //texto que vamos agregar
    return $price . '<span class="textafter">' . $textafter . '</span>'; //class textafter para el CSS
}
add_filter( 'woocommerce_get_price_html', 'custom_price_message' );

    Y añadirá el texto justo después de tu precio.
    Espero que te ayude en el problema.
    Un saludo.
    Isa.

    • Esta respuesta fue modificada hace 2 años, 4 meses por Fernando Tellado. Razón: Etiquetado correcto del código
    Iniciador del debate bigdatadestroy

    (@bigdatadestroy)

    hace 4 años, 11 meses

    Hola Isa! Muchísimas gracias, de verdad. Me ha costado hacerlo funcionar, porque se me colgaba todo al insertar la función, y dando vueltas dando vueltas, revisando el codigo y nada, que no encontraba el fallo. Al final como siempre, la tontería de turno. Resulta que al copiar tu codigo las comillas simples se convertían en otro tipo de comillas más gruesas, como las de leyenda, y eso era! 😉
    Ya lo tengo solucionado!! Gracias de nuevo. Y gracias por compartir.

    Por cierto, si quiero que el texto aparezca ‘antes’ del precio, en vez de después, que tendría que cambiar en la función?

    Moderador LGrusin

    (@lgrusin)

    hace 4 años, 11 meses

    @asi1985 por favor para la próxima usa el botón code para añadir código, gracias.

    Siguiendo el ejemplo, con el texto antes sería algo asi. OJO que no lo he probado he modificado sobre la marcha

    function custom_price_message( $price ) {
global $post;
$product_id = $post->ID;
$textbefore = 'Desde'; //texto que vamos agregar
return '<span class="textbefore">' . $textbefore . '</span>' .$price; //class textbefore para el CSS
}
add_filter( 'woocommerce_get_price_html', 'custom_price_message' );
    Iniciador del debate bigdatadestroy

    (@bigdatadestroy)

    hace 4 años, 11 meses

    Graciassss!!!

    Isa Gomez

    (@asi1985)

    hace 4 años, 11 meses

    Genial @bigdatadestroy! Me alegro que te haya resultado de utilidad aunque siento lo de las comillas. @lgrusin lo tengo en cuenta para la próxima 😉
    Gracias a ambos.
    Un saludo.
    Isa.

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Añadir texto junto al precio de producto en los listados de producto’ está cerrado a nuevas respuestas.

Etiquetas