imagen de producto ...
 
Avisos
Vaciar todo

imagen de producto cortada en móvil al añadir al carrito

17 Respuestas
3 Usuarios
0 Reactions
381 Visitas
Respuestas: 213
Estimable Member
Topic starter
 

Hola chicos, me he dado cuenta que cuando desde un móvil (y he probado en distintos modelos y marcas) seleccionas un producto para añadir en el carrito , la imagen de la compra sale cortada y desplazada hacia un lateral, ¿se puede modificar esto para que aparezca correctamente?.
En otro hilo parecido a otro cliente le dais la solución de añadir un código CSS pero lo he puesto tal cual comentais y sigue todo igual, adjunto imagen del articulo cuando se añade al carrito y del código css que añadi pero que creo que lo mejor será borrarlo porque no sirve de nada y evitar algún futuro posible error.
muchas gracias por vuestra ayuda

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 01/07/2019 7:27 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Prueba agregando el siguiente código CSS en algún archivo CSS de tu theme:

@media(max-width:768px){
	#layer_cart{
		margin-right:0;
		margin-left:0;
	}	
}

La idea es que a un determinado ancho de navegador no tengas márgenes
No olvides borrar el código que agregaste anteriormente y que no te funciona.

Saludos.


 
Respondido : 01/07/2019 9:44 pm
Respuestas: 213
Estimable Member
Topic starter
 

hola John, funciona muy bien el codigo, pero no termina de salir centrada la imagen correctamente, puedo hacer algo más?
muchas gracias por tu ayuda


 
Respondido : 01/07/2019 10:12 pm
Pepe
 Pepe
Respuestas: 41101
Illustrious Member Admin
 

Hola Javier.

prueba añadiendo lo siguiente:

a.cart-images {
    margin-left: 4em;
}

Un saludo


 
Respondido : 02/07/2019 11:32 am
Respuestas: 213
Estimable Member
Topic starter
 

HOla Pepe, con ese código aun se desplaza más hacia la derecha quedando todavía mas descentrada,


 
Respondido : 02/07/2019 1:22 pm
Pepe
 Pepe
Respuestas: 41101
Illustrious Member Admin
 

Hola Javier :cheer:

Ok, entonces esta solucionado o quieres que se muestre de alguna otra manera ?
No me queda claro si es eso lo que buscas o necesitas que se muestre de una forma distinta.

Un saludo


 
Respondido : 02/07/2019 1:28 pm
Respuestas: 213
Estimable Member
Topic starter
 

Hola Pepe, lo que comento es que con el codigo que me envias, la imagen de la ventana que se abre ciando seleccionas el articulo, se queda todavía descentrada, exactamente más descentrada que antes, te adjunto imagen de la captura de pantalla


 
Respondido : 02/07/2019 2:05 pm
Pepe
 Pepe
Respuestas: 41101
Illustrious Member Admin
 

Hoal Javier.

Ok, disculpa, pense que te referias a la imagen que aparece cuando despliegas el carrito y te referias a la imagen cuando añades un producto al carro :blush:

Prueba con lo siguiente:

@media (max-width: 720px) {
#layer_cart .layer_cart_product .product-image-container {
    margin-left: 20%;
}
}

Un saludo


 
Respondido : 02/07/2019 3:38 pm
Respuestas: 213
Estimable Member
Topic starter
 

Hola Pepe, la ventana sigue igual en la misma posición, osea desplazada hacia la derecha no centrada. He probado reduciendo o ampliando el porcentaje del margen izquierdo del codigo que me pasas, pero ni se inmuta.


 
Respondido : 02/07/2019 4:09 pm
Pepe
 Pepe
Respuestas: 41101
Illustrious Member Admin
 

Hola Javier.

añade al código la etiqueta !important:

@media (max-width: 720px) {
#layer_cart .layer_cart_product .product-image-container {
    margin-left: 20%!important;
}
}

Lo añades en el archivo responsive.css que encontrarás en la ruta themes -> leo_shopping -> css -> responsive.css

El resultado es el siguiente:

Un saludo


 
Respondido : 02/07/2019 4:20 pm
Respuestas: 213
Estimable Member
Topic starter
 

Hola Pepe, los codigos que me dabais en esta conversación los estaba metiendo en otra carpeta de css, ahora los he cambiado todos incluso el último que me dices al archivo responsive.css, pero todo continua igual. El problema no será que la ventana que emerge no se puede autodimensionar para quedarse dentro de la pantalla del móvil al ser demasiado grande?


 
Respondido : 02/07/2019 4:46 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Actualmente veo que ya se muestra la imagen centrada, refresaca tu navegador o limpia la cache.
Veo que aparece tal como se muestra en la imagen adjunta.

Saludos.


 
Respondido : 02/07/2019 5:21 pm
Respuestas: 213
Estimable Member
Topic starter
 

Hola John, pero esa ventana no esta centrada, si lo miras bien está desplazada hacia la derecha


 
Respondido : 02/07/2019 5:34 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

En el código inicial que te envié, cambia el margin-left, es decir quedaría:

@media(max-width:768px){
	#layer_cart{
		margin-right:0;
		margin-left:-10px;
	}	
}

Saludos.


 
Respondido : 02/07/2019 6:23 pm
Respuestas: 213
Estimable Member
Topic starter
 

Perfecto Jhon, una pregunta los otros codigos que me ha pasado Pepe los dejo o los elimino para que no afecten a este codigo?


 
Respondido : 02/07/2019 6:47 pm
Página 1 / 2