Avisos
Vaciar todo

[Resuelto] No me salen las imagenes de los prodcutos en el carriro, en version movil.  

 
Textil Hogar Micaela
 Textil Hogar Micaela
Reputable Member

No me salen las fotos de los productos en versión móvil envío foto para que se vea mejor lo que comento.

 

carrito

Que puedo hacer para que se vean. Gracias

Contenido solo visible a usuarios registrados

Respondido : 01/03/2024 5:17 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola,

Esto es el comportamiento normal por qué no hay suficiente espacio para mostrarlo, de igual forma si quieres forzar a tu sitio a mostrarlos puedes agregar un código en tus Apariencias > personalizar > css adicional:

@media only screen and (max-width: 769px) {
.woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
display: block !important;
}

}

Lo agregas al final del todo, verifica y nos comentas.

Un saludo 🖐️ 

Respondido : 01/03/2024 5:36 pm

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

Textil Hogar Micaela
 Textil Hogar Micaela
Reputable Member

No hay otra forma, con este código salen las fotos muy pequeñas y no va muy bien.

Respondido : 01/03/2024 6:48 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola.

Si quieres ampliar más las fotos tendrías que aumentarlas con este código:

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
width: 100% !important;
}

Y el : que se ve se eliminaría con esto:

td.product-thumbnail::before {
display: none !important;
}

El código te quedaría así:

@media only screen and (max-width: 769px) {
.woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
display: block !important;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
width: 100% !important;
}
td.product-thumbnail::before {
display: none !important;
}
}

Verifica y nos comentas, un saludo 🖐️ 

Respondido : 01/03/2024 7:44 pm

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

Textil Hogar Micaela
 Textil Hogar Micaela
Reputable Member

Mucho mejor así de tamaño. Gracias.

Respondido : 02/03/2024 12:23 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

Nada, Gracias a ti.

Cualquier consulta que tengas no dudes en comunicarlo.

 

Nota: tienes un curso de CSS que te ayudará a poder identificar las clases y realizar las modificaciones:

-> https://www.webempresa.com/university/curso-css-wordpress/

 

Un Saludo

Respondido : 02/03/2024 12:48 pm

Cursos Gratuitos WordPress