Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Añadir al módulo de botón de añadir al carrito efecto rebote y dejarlo pegajoso  

 
César Manuel
 César Manuel
Usuario experto

Hola, me gustaría agregar el efecto resbote exclusivamente al botón de añadir al carrito, del módulo de divi "añadir al carrito", digo exclusivamente al botón de añadir al carrito porque el módulo de divi de "añadir al carrito" tiene 2 campos más, que son el de "variaciones" que viene implicito por woocommerce y el de "cantidad" en el cual solo tenemos la opción de ocultarlo o dejarlo visible. El problema viene que si quiero añadir el efecto al modulo, se aplica tanto al botón, como al campo de cantidad y a las variaciones, y lo que quiero es que solo el botón de añadir al carrito tenga ese efecto.

Además me gustaría dejar exclusivamente el botón de añadir al carrito pegajoso cuando se vea en móvil o tablet, en este caso ocurre lo mismo, si pongo el módulo como pegajoso utilizando las opciones del propio módulo, se pondría pegajoso tanto el campo de cantidad como las variaciones y el botón de añadir al carrito, : adjunto una foto de como quedaría en tablet o móvil:

ejemplo boton fijado

 

por favor agradecería cualquiera aporte para resolver este problema. Muchas gracias.

Contenido solo visible a usuarios registrados

Citar
Respondido : 26/02/2021 9:46 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola César,

 ¿Podrías indicarme en qué eveno quieres lanzar el efecto rebote? Es decir, ¿Al pasar el puntero del mouse sobre el botón? ¿al dar click? ¿Has considerado que podría ser incómodo para el usuario que te visita desde un dispositivo móvil? Luego, el asunto de que el botón sea pegajoso, en otra consulta comenté que igualmente podría ser incómodo o poco viable configurarlo pues en los productos con variaciones tendrá que elegir primero las variaciones y luego se le permitirá realizar la compra, ¿Realmente consideras estos efectos necesarios y que proporcionarán un beneficio a la Experiencia del Usuario?

Saludos 

ResponderCitar
Respondido : 26/02/2021 10:17 pm

César Manuel
 César Manuel
Usuario experto

Hola @bulmaro-webempresa, muchas gracias por tus preguntas, las valoro un montón!

Te contesto:

- El efecto rebote (desplazarse de lado a lado, como vibrando) se aplicaría en lazo por defecto, no bajo ningún evento en concreto, es solo para que se quiera clicar.

- Entiendo la preguntas de las variaciones, por eso en todos los productos ya están seleccionados por defecto las variaciones que "más se utilizan", por así decirlo, por eso cuando el cliente vaya a clicar al botón no le pedirá que seleccione las variaciones, y sino por defecto el botón de añadir al carrito hace que se desplace hacia las variaciones por lo que me he fijado.

Y sobre la última pregunta, si tendría que contestar como si o no, te diría que sí a que son necesarios porque estoy tratando de dejar estos pequeños detalles como lo tienen la mayoría de plantillas que mejor ratio de conversión tienen en shopify, y que en woocommerce a día de hoy no hay. Y analizandolas a fondo, creo que son este tipo de pequeños detalles los que hacen que ratio de conversión sea mayor.

Agradezco muchísimo la implicación de las preguntas de verdad!! Por favor, no hay algún tipo de curso que podáis recomendar en web empresa para aprender a hacer este tipo de cosas en concreto para el maquetador divi, tampoco me gusta ir pidiendo "microprogramaciónes" en código o para estas cosas constantemente, aunque no se si realmente el objetivo del foro es ese.

Espero por favor algún tipo de recomendación para añadir esas modificaciones ó en su defecto algún tipo de manera para poder aprender a hacerlo.

Un cordial saludo, y de nuevo muchas gracias!!

 

ResponderCitar
Respondido : 27/02/2021 11:26 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Entiendo que lo que buscas es que el botón de añadir al carrito aparezca fijo en la parte inferior, revisa este plugin:

https://woocommerce.com/products/sticky-cart-for-woocommerce/

Saludos.

ResponderCitar
Respondido : 27/02/2021 1:24 pm