Avisos
Vaciar todo

[Resuelto] cambiar color etiqueta descuento  

 
ALICIA
 ALICIA
Usuario activo

Buenos días, 

 

A ver si podéis ayudarme, puse este código en el archivo "functions.php"

// Muestra el descuento en productos variables
foreach( $prices['price'] as $key => $price ){
// Solo en ventas variables
if( $prices['regular_price'][$key] !== $price ){
// Calculamos el porcentaje en función de la variación
$percentages[] = round(100 - ($prices['sale_price'][$key] / $prices['regular_price'][$key] * 100));
}
}
$percentage = max($percentages) . '%';
} else {
$regular_price = (float) $product->get_regular_price();
$sale_price = (float) $product->get_sale_price();

$percentage = round(100 - ($sale_price / $regular_price * 100)) . '%';
}
return '<span class="onsale">' . esc_html__( '', 'woocommerce' ) . ' ' . $percentage . '</span>';
}

Con el objetivo de que en vez de "¡OFERTA! saliera el % de descuento en prendas rebajadas y funcionó pero me gustaría que saliera con fondo de algún color porque solo sale el porcentaje y apenas te das cuenta, sabríais decirme cómo solucionarlo? Había pensado en un fondo rojo con el porcentaje en blanco.

 

Muchas gracias!!

Contenido solo visible a usuarios registrados

Respondido : 29/04/2023 11:59 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Alicia.

Prueba añadir lo siguiente en Apariencia -> Personalizar -> CSS Adicional:

span.vi-sctv-sale-badge.onsale {
background-color: #db454b !important;
padding: 5px 10px 5px 10px;
color: #fefefe;
font-weight: 800;
}

 

Un saludo

Respondido : 29/04/2023 12:07 pm

Cursos Gratuitos WordPress

ALICIA
 ALICIA
Usuario activo

Lo he probado y perfecto, muchísimas gracias!!

Respondido : 29/04/2023 8:41 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Alicia,

Excelentes noticias, daremos por resuelta tu consulta pero cualquier otra duda que tengas estaremos atentos

Saludos!

Respondido : 29/04/2023 9:33 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress