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; ?>
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.
Perfecto, era justo lo que buscaba, quiero poner la palabra «Descuentos». Muchas gracias!
¿Donde hay que poner/editar el código css que has puesto al final?
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
Buenos días,
Cómo podemos eliminar la palabra SALE para que no aparezca nada?
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:
is_on_sale() ) : ?>
‘ . __( », ‘woocommerce’ ) . ‘‘, $post, $product ); ?>
Otra opción podría ser por CSS hacer un display:none del span «onsale» , cual es la web?
Saludos.
Buenos dias, y para cambiar el color de fondo, de un color verde a uno negro con motivo del black friday.
saludos.
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 🙂
Gracias por esta solución muy práctica y sin necesidad de plugins. ¿Sabrias donde poder cambiar Sin Stock por Agotado ? Gracias de antemano