Avisos
Vaciar todo
Página 1 / 2
Siguiente
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 8:27 pm
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 10:44 pm
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 11:12 pm
Hola Javier.
prueba añadiendo lo siguiente:
a.cart-images {
margin-left: 4em;
}
Un saludo
Respondido : 02/07/2019 12:32 pm
HOla Pepe, con ese código aun se desplaza más hacia la derecha quedando todavía mas descentrada,
Respondido : 02/07/2019 2:22 pm
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 2:28 pm
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 3:05 pm
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 4:38 pm
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 5:09 pm
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 5:20 pm
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 5:46 pm
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 6:21 pm
Hola John, pero esa ventana no esta centrada, si lo miras bien está desplazada hacia la derecha
Respondido : 02/07/2019 6:34 pm
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 7:23 pm
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 7:47 pm
Página 1 / 2
Siguiente
