Plugins y algunos trucos para WP

¿Cómo cambiar el texto SALE de Woocommerce?

Cuando ponemos dos precios en los productos de Woocommerce, uno de ellos rebajado, se nos habilita una redonda bien chula con el texto SALE o REBAJADO muy llamativo.

¿Como se puede cambiar este texto? por ejemplo uno de mis clientes me ha pedido que salga un “-15%” y lo usará para hacer una rebaja de varios productos de forma manual.

Para cambiar el texto SALE se han de hacer unos cambios en un par de archivos:

wp-content/plugins/woocommerce/templates/single-product/sale-flash.php
wp-content/plugins/woocommerce/templates/loop/sale-flash.php

y allí cambiar la palabra SALE por la que corresponda:

<?php if ( $product->is_on_sale() ) : ?>
<?php echo apply_filters( 'woocommerce_sale_flash', '<span class="onsale">' . __( 'SALE', 'woocommerce' ) . '</span>', $post, $product ); ?>
<?php endif; ?>
cambiar-sale-woocommerce

En lugar del texto SALE o REBAJADO, tenemos por ejemplo un -15%

Y cómo extra, ¿cómo cambiar ese color tan llamativo? con un poco de CSS:

body.woocommerce span.onsale {
    border: 1px solid #000;
    background: #E6F8E0;
    color: black;
}

En este caso el borde negro, un fondo verde claro y el color del texto también negro.

¿Cómo cambiar el texto SALE de Woocommerce?
5 (100%) 1 vote

7 Respuestas to “¿Cómo cambiar el texto SALE de Woocommerce?”

  1. Jose Pérez dice:

    Perfecto, era justo lo que buscaba, quiero poner la palabra “Descuentos”. Muchas gracias!

  2. Christian dice:

    ¿Donde hay que poner/editar el código css que has puesto al final?

    • admin dice:

      Hola! normalmente en tu plantilla de WordPress tienes un lugar llamado CUSTOM CSS donde puedes añadir este código. Si no lo ves, es a APARIENCIA – EDITOR, y allí busca el archivo style.css y lo añades al final.
      Como siempre haz copia de seguridad antes de hacer este tipo de modificaciones

  3. sara dice:

    Buenos días,
    Cómo podemos eliminar la palabra SALE para que no aparezca nada?

    • admin dice:

      Hola Sara!, una solución rápida que se me ocurre sería cambiar la palabra SALE por un espacio en blanco, cambiando la función de arriba por esta:
      < ?php if ( $product->is_on_sale() ) : ?>
      < ?php echo apply_filters( 'woocommerce_sale_flash', '‘ . __( ”, ‘woocommerce’ ) . ‘‘, $post, $product ); ?>
      < ?php endif; ?>

      Otra opción podría ser por CSS hacer un display:none del span “onsale” , cual es la web?

      Saludos.

  4. Jose antonio dice:

    Buenos dias, y para cambiar el color de fondo, de un color verde a uno negro con motivo del black friday.

    saludos.

  5. Maria dice:

    Hola!
    Muchas gracias por el aporte!
    Pero necesitaría ayuda para cambiar en lugar de el texto de la “Sale” el de Agotado o Sold en mi caso, me estoy volviendo LOCA! No veo un fichero como sale-flash pero con outofstock
    SOLD
    No encuentro cómo poder hacerlo, he probado con traductor y nada. ME gustaría cambiarlo en el código.
    Ojalá puedas echarme una mano.. Te lo agradecería mucho.
    Un saludo y gracias 🙂

Dejar una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Powered by WordPress | Designed by Elegant ThemesPolítica de privacidad