Adaptar imágenes de producto a móviles  

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.

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

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

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

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

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

Ta lo he puesto y no hace nada

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

ASÍ ESTÁ BIEN?

Pero creo que no funcina

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

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

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.

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.