Avisos
Vaciar todo

Cambiar color boton al pasar por encima el cursor

8 Respuestas
3 Usuarios
1 Reactions
61 Visitas
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

Buenas,

En mi tienda el color del boton cambia cuando pasas el cursor encima del raton, lo que me gustaria es que el color del boton cambiara al pasar el cursor del raton por encima de la caja del producto o del producto en si.

A parte de eso, me gustaria cambiar el texto del boton y que en lugar de "añadir al carrito" o "seleccionar opciones" ponga siempre "Ver detalle".

sien.es/etiquetas-adr/

Un saludo y mucas gracias.

12

 


 
Respondido : 29/03/2020 4:11 pm
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

Hola Carlos,

Para el cambio de color del botón agrega el siguiente CSS:

.elementor-2450 .elementor-element.elementor-element-5f4cb5f.elementor-wc-products ul.products li.product:hover .button{
color: #fff;
background-color: #f63;
border-color: #fff;
}

Para agregarlo dirígete al administrador de Wordpress y luego Apariencia -> Personalizar -> CSS Adicional.

Respecto al cambio de texto en los botones puedes utilizar el plugin -> https://es.wordpress.org/plugins/add-to-cart-button-custom-text/

Saludos 🙂


 
Respondido : 29/03/2020 4:43 pm
Cecilia reaccionó
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

@bulmaro-webempresa

Gracias Bulmaro eso es exactamente lo que queria, el problema es que solo se produce el cambio en la url: sien.es/etiquetas-adr/, me gustaria que se aplicara a toda la tienda, cuando pases el cursor encima de los productos no solo sea en esa url sino en la tienda en todos los productos, por ejemplo en sien.es/marcas-adr/.

Por otro lado, cuando el usuario pulse el boton añadir al carrito en lugar de que se añada al carrito cuando este en la categoria lo que haga es acceder al producto, una vez dentro del porducto ya añadira al carrito, es decir el boton de añadir al carrito que se encuentra en las url de las categorias como por ejemplo sien.es/etiquetas-adr/ en lugar de añadir el producto a la cesta lo que haga sea entrar en el producto.

Un saludo

 


Esta publicación ha sido modificada el hace 5 años por Carlos
 
Respondido : 29/03/2020 5:42 pm
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

@cganguasgmail-com

Hola Carlos,

Modifica el CSS por el siguiente:

 

.elementor-wc-products ul.products li.product{
color: #fff;
background-color: #f63;
border-color: #fff;
}


¿Deseas ese comportamiento sólo para la página de las categorías? Creo que es algo complicado de hacer pero habrá que investigarlo. 


 
Respondido : 29/03/2020 6:00 pm
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

Buenas Bulmaro,

No funciona cuando paso el cursor del raton por el producto, el boton no cambia no hace nada.

Por otro lado, cuando el usuario pulse el boton ver detalle, en lugar de añadir al carrito lo que quiero es que entre al producto. 

Un saludo


 
Respondido : 29/03/2020 6:24 pm
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

Hola Carlos, 

Por favor, agrega el CSS siguiente:


ul.products li.product:hover .button{
color: #fff !important;
background-color: #f63 !important;
border-color: #fff !important;
}

Respecto a tu requerimiento de modificar los enlaces en las paginas de las categorías estamos revisando cómo implementarlo.

Saludos 🙂


 
Respondido : 29/03/2020 11:02 pm
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

@bulmaro-webempresa

Muchisimas gracias Bulmaro,ahora si.... perfecto.... te lo agradezco...

Un saludo... 😉


 
Respondido : 30/03/2020 12:48 am
Pepe
 Pepe
Respuestas: 41114
Illustrious Member Admin
 

Hola Carlos.

El dominio es " adretiquetas.es ", lo comento por que veo que no carga, no se si estás realizando algo.

 

Un saludo

 


 
Respondido : 30/03/2020 8:13 am