Avisos
Vaciar todo

[Resuelto] cambiar color etiqueta descuento

4 Respuestas
3 Usuarios
0 Reactions
8 Visitas
Respuestas: 10
Active Member
Topic starter
 

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 10:59 am
Tags del tema
Pepe
 Pepe
Respuestas: 41115
Illustrious Member 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 11:07 am
Respuestas: 10
Active Member
Topic starter
 

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


 
Respondido : 29/04/2023 7:41 pm
Bruno
Respuestas: 6478
Illustrious Member Moderator
 

Hola Alicia,

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

Saludos!


 
Respondido : 29/04/2023 8:33 pm