Avisos
Vaciar todo

zoom desde movil con tema divi

7 Respuestas
3 Usuarios
0 Reactions
16 Visitas
Respuestas: 7
Active Member
Topic starter
 

Buenos días, llevo realizadas varias webs con DIVI, hace unos 6 años que uso la plantilla. Y hoy me ha presentado un cliente una pregunta que no tengo ni idea. Me decía por qué no podía hacer zoom con el móvil en su web. Me di cuenta que todas las webs con DIVI le ocurre lo mismo. Según mi cliente google valora el que se pueda hacer zoom, ¿es cierto?

¿Se puede solucionar esto del zoom?

Gracias

Contenido solo visible a usuarios registrados


 
Respondido : 15/06/2023 10:43 am
Tags del tema
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Maria Lys.

Que dominio es, si nos indicas el dominio podríamos revisarlo.

En Divi si que se puede hacer Zoom en los productos pero también dependerá del Layout.

Puedes revisar lo siguiente:

-> https://help.elegantthemes.com/en/articles/2699953-how-to-add-zoom-in-hover-effect-to-the-images-in-divi-modules

 

Un Saludo


 
Respondido : 15/06/2023 12:07 pm
Respuestas: 7
Active Member
Topic starter
 

@pepesoler Muchas gracias Pepe, es https://lysriera.es/, pero me pasa en todas las páginas que tengo con divi unas (14 páginas).

Sabes si google valora que se puedan hacer zoom?

gracias


 
Respondido : 15/06/2023 2:20 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Maria Lys.

.- Accede Apariencia -> Personalizar y añade lo siguiente:

.imagen-zoom img {
  transition:all 0.5s; 
  -moz-transition:all 0.5s; 
  -webkit-transition:all 0.5s; 
}
.imagen-zoom img:hover{
  transform:scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform:scale(1.2);
}

 

Una vez añadido:

.- Edita la página donde tienes la imagen.

.- Selecciona la imagen y pestaña Avanzado.

.- Añade la clase que hemos creado " imagen-zoom "

screenshot mary52.webempresa.eu 2023.06.15 16 54 23

 

Guardas los cambios y lo revisas.

 

Un Saludo

 

 

 


 
Respondido : 15/06/2023 2:55 pm
Respuestas: 7
Active Member
Topic starter
 

@pepesoler pero que puedas hacer zoom en toda la web, no hay solución, verdad? . He estado mirando alguna de grandes compañías y sí se puede.

De tods formas muchas gracias por tus respuestas.


 
Respondido : 15/06/2023 3:55 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Maria Lys, 

No veo una opción automática y global para añadirlo dentro de todas las imágenes en Divi, en este caso necesitas añadir la funcionalidad en el modulo con la clase que comenta Pepe y el código CSS. 

Puedes ver otros códigos de ejemplo como

Contenido solo visible a usuarios registrados

Un Saludo 


 
Respondido : 15/06/2023 4:05 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Maria

Prueba con esto:

img {
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
}
img:hover{
transform:scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform:scale(1.2);
}

 

Un saludo


 
Respondido : 16/06/2023 8:49 am