Adaptar imágenes de producto a móviles  

Página 1 / 2
 
JOSE LUIS
 JOSE LUIS
Prominent Member

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

Citar
Respondido : 02/06/2019 4:29 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 02/06/2019 5:59 pm

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

JOSE LUIS
 JOSE LUIS
Prominent Member

ResponderCitar
Respondido : 02/06/2019 8:50 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 02/06/2019 9:20 pm

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

JOSE LUIS
 JOSE LUIS
Prominent Member

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

ResponderCitar
Respondido : 02/06/2019 11:11 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 02/06/2019 11:44 pm

Cursos Gratuitos WordPress

JOSE LUIS
 JOSE LUIS
Prominent Member

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

ResponderCitar
Respondido : 03/06/2019 9:51 am
Pepe
 Pepe
Soporte CMS Webempresa 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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 03/06/2019 11:31 am

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

JOSE LUIS
 JOSE LUIS
Prominent Member

Ta lo he puesto y no hace nada

ResponderCitar
Respondido : 03/06/2019 12:08 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 03/06/2019 12:23 pm

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

JOSE LUIS
 JOSE LUIS
Prominent Member

ASÍ ESTÁ BIEN?

Pero creo que no funcina

ResponderCitar
Respondido : 03/06/2019 2:24 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 03/06/2019 6:00 pm

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

JOSE LUIS
 JOSE LUIS
Prominent Member

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

ResponderCitar
Respondido : 04/06/2019 2:24 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 04/06/2019 6:50 pm

Cursos Gratuitos WordPress

JOSE LUIS
 JOSE LUIS
Prominent Member

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.

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

Por favor Iniciar Sesión o Registro