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.

5/5 - (2 votos)