Avisos
Vaciar todo

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

Página 1 / 2
 
JAVIER
 JAVIER
Estimable Member

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

Citar
Respondido : 01/07/2019 8:27 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 01/07/2019 10:44 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

JAVIER
 JAVIER
Estimable Member

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

ResponderCitar
Respondido : 01/07/2019 11:12 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Javier.

prueba añadiendo lo siguiente:

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

Un saludo

ResponderCitar
Respondido : 02/07/2019 12:32 pm

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

JAVIER
 JAVIER
Estimable Member

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

ResponderCitar
Respondido : 02/07/2019 2:22 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 02/07/2019 2:28 pm

Cursos Gratuitos WordPress

JAVIER
 JAVIER
Estimable Member

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

ResponderCitar
Respondido : 02/07/2019 3:05 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 02/07/2019 4:38 pm

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

JAVIER
 JAVIER
Estimable Member

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.

ResponderCitar
Respondido : 02/07/2019 5:09 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 02/07/2019 5:20 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

JAVIER
 JAVIER
Estimable Member

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?

ResponderCitar
Respondido : 02/07/2019 5:46 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 02/07/2019 6:21 pm

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

JAVIER
 JAVIER
Estimable Member

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

ResponderCitar
Respondido : 02/07/2019 6:34 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 02/07/2019 7:23 pm

Cursos Gratuitos WordPress

JAVIER
 JAVIER
Estimable Member

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

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