Adaptar imágenes de...
 
Avisos
Vaciar todo

Adaptar imágenes de producto a móviles

17 Respuestas
4 Usuarios
0 Reactions
123 Visitas
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

Hola! Tengo la plantilla "Anthe" y las imágenes de los productos se ven muy pequeñas y a la derecha el precio, y el carrito de compra.
Es posible que se vea la foto más grande y toda su descripción junto con el precio y la pestaña del carro se vea por debajo?

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 02/06/2019 3:29 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola José Luis,

Las imágenes de productos las veo bien:

Agradecemos que seas más específico y facilites en la medida de lo posible, entre etiquetas [hide] la url exacta del sitio que tenemos que mirar en tu web, para no estar navegando por la página sin saber exactamente qué tenemos que mirar, de esta forma seremos más eficaces a la hora de ayudarte.

Gracias por tu colaboración.


 
Respondido : 02/06/2019 4:59 pm
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

 
Respondido : 02/06/2019 7:50 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola José Luis,

esa captura es la misma que ya has puesto al abrir esta consulta.

Necesitamos la url específica de la web donde podamos ver esa imagen para reproducir el problema.

Gracias


 
Respondido : 02/06/2019 8:20 pm
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

TODOS LOS PRODUCTOS HACEN LO MISMO, CUANDO PUNCHAS EN ELLOS PARA VER SU DESCRIPCIÓN Y SU PRECIO Y PODERLO COMPRAR SE VE ASÍ EN EL MÓVIL
Contenido solo visible a usuarios registrados


 
Respondido : 02/06/2019 10:11 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola José Luis,

Lo que veo es que en la versión móvil la imagen que está cargando lo hace a 76x76 pixels:

Es normal entonces que en la versión móvil se vea tan pequeña.

Compruebo mirando el código de esta página que pinta 2 veces la imagen del producto:

¿Has estado haciendo cambios en el código fuente de la plantilla que estén modificando el comportamiento de la misma?

En otra consulta te pedí por favor que adjuntases la url de la página de descarga de este tema Anthe que usas para que podamos inspeccionar el código original de la plantilla, antes de que lo estuvieses modificando ¿puedes facilitar esa url?

Gracias


 
Respondido : 02/06/2019 10:44 pm
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

Buenos días, ya te dije que te puedo facilitar la URL de la descarga de la plantilla. Ya te dije que creía que la descargué de mi Cpanel


 
Respondido : 03/06/2019 8:51 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Jose Luis.

Para el tema de la imagen añade lo siguiente al archivo templates -> anthe -> css -> anthe-custom.css

@media (max-width:768px){
.productdetails .main-image {
    padding: 0px!important;
}
}

Lo demás lo vemos en las entradas que tienes abiertas 😉

Un saludo


 
Respondido : 03/06/2019 10:31 am
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

Ta lo he puesto y no hace nada


 
Respondido : 03/06/2019 11:08 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola jose Luis.

No tienes bien el código.

Si te fijas no tienes cerrado el código anterior #rt-logo, tienes que cerrarlo con una llave }

#rt-logo {
................
}

@media (.........) {
............ {
........................
}
}

Un saludo


 
Respondido : 03/06/2019 11:23 am
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

ASÍ ESTÁ BIEN?

Pero creo que no funcina


 
Respondido : 03/06/2019 1:24 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Jose Luis.

si, ahora esta bien.

El problema es de cache de navegador, revisa desde otro terminal que no estés utilizando para acceder a la web.

Un saludo


 
Respondido : 03/06/2019 5:00 pm
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

Hola, sería posible que se viese la imagen sola y la descripción en la parte inferior?

Si el móvil es más pequeño queda muy mal


 
Respondido : 04/06/2019 1:24 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Puedes probar agregando el siguiente código CSS, al final del archivo:
templates/anthe/css/anthe-custom.css

@media (max-width:768px){
	.vm-product-container .vm-product-media-container,
	.vm-product-media-container,
	.vm-product-details-container{
		float:none;
		clear:both;
		width:100%;
	}	
}

PD. Veo que el logo aún no se ve correctamente en movil, te sugiero primero corregir eso.

Saludos.


 
Respondido : 04/06/2019 5:50 pm
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

Hola, la imagen ya ha quedado perfecta. Y el logo NO SE QUE HA PASADO pero con los últimos cambios se ha llegado a ver bien.


 
Respondido : 04/06/2019 6:42 pm
Página 1 / 2