Cambiar color y texto de la imagen de productos en tienda y widgets  

 
Martin
 Martin
Usuario eminente

Hola a todos, estoy intentando saber cómo editar el color y texto que aparece en un recuadro rectangular en la parte superior izquierda de mis productos subidos en tienda, esto aparece cuando por ejemplo, le coloco un precio a mi producto "X" y luego un precio rebajado "Y", veo que automáticamente sale "OFERTA", me gustaría tener más control y poder editar esta sección. ¿Cómo puedo hacerlo? Gracias.

Asimismo, me pasa que cuando quiero cambiar el color de filtrar por precio en el widget de la barra lateral, ya que por defecto sale de color morado, y me gustaría cambiarle de color, no sé si esto se relacione con mi consulta de arriba y también tenga la misma solución. ¿Qué debo hacer? Gracias.

Citar
Respondido : 13/06/2020 1:35 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Martin,

Para conseguir esto debes modificar un poco el código de tu tema, para esto puedes hacer lo siguiente:

  • Ingresas a tu CPanel
  • Te diriges a la carpeta public_html
  • Abres la carpeta de tu dominio
  • haces click en la carpeta wp-content
  • Una vez dentro buscas la carpeta themes y la abres
  • Buscas dentro de esta carpeta el tema que estás utilizando y nuevamente abres esa carpeta
  • por último identificamos el archivo functions.php, luego le haces click derecho → editar

Al final de todo ese texto que te mostrará el editor vas a ingresar el siguiente código:

add_filter('woocommerce_sale_flash', 'woocommerce_custom_sale_text', 10, 3);
function woocommerce_custom_sale_text($text, $post, $_product)
{
return '<span class="onsale">TU TEXTO AQUI</span>';
}

PD: Recuerda hacer un respaldo de tu archivo functions.php antes de agregar dicho código 

Con esto ingresado puedes cambiar el texto solo debes modificar donde lo indica 😀, adicional para la segunda consulta puedes agregar un código css directamente en el wordpress para esto te diriges a AparienciaPersonalizarCss adicional, una vez te encuentres aca ingresas este código:

/* Fondo de barra filtro  */
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
background-color: white !important;
}
/*Fondo de filtro seleccionado*/
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
background-color: red !important;
}

Puedes sustituir el white y red por el color que desees, te comparto una página de la que puedes buscar los códigos de color → https://htmlcolorcodes.com/es/  

Saludos 🖐️ 

This post was modified hace 4 meses por Argenis
ResponderCitar
Respondido : 13/06/2020 2:12 am
Bulmaro me gusta

Por favor Iniciar Sesión o Registro