Avisos
Vaciar todo

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

6 Respuestas
3 Usuarios
0 Reactions
20 Visitas
Respuestas: 393
Reputable Member
Topic starter
 

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
Respuestas: 11585
Illustrious Member 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
Respuestas: 393
Reputable Member
Topic starter
 

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
Respuestas: 11585
Illustrious Member 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
Respuestas: 393
Reputable Member
Topic starter
 

Mucho mejor así de tamaño. Gracias.


 
Respondido : 02/03/2024 12:23 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member 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