Avisos
Vaciar todo

Cambiar color boton al pasar por encima el cursor  

 
Carlos
 Carlos
Reputable Member

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

 

Citar
Respondido : 29/03/2020 5:11 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa 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 🙂

ResponderCitar
Respondido : 29/03/2020 5:43 pm
Cecilia me gusta

wpdoctor-revisa-la-salud-de-tu-wordpress

Carlos
 Carlos
Reputable Member

@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
ResponderCitar
Respondido : 29/03/2020 6:42 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa 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. 

ResponderCitar
Respondido : 29/03/2020 7:00 pm

Carlos
 Carlos
Reputable Member

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

ResponderCitar
Respondido : 29/03/2020 7:24 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa 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 🙂

ResponderCitar
Respondido : 30/03/2020 12:02 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Carlos
 Carlos
Reputable Member

@bulmaro-webempresa

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

Un saludo... 😉

ResponderCitar
Respondido : 30/03/2020 1:48 am
Pepe
 Pepe
Soporte CMS Webempresa 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

 

ResponderCitar
Respondido : 30/03/2020 9:13 am

Cursos Gratuitos WordPress