No me salen las fotos de los productos en versión móvil envío foto para que se vea mejor lo que comento.
Que puedo hacer para que se vean. Gracias
Contenido solo visible a usuarios registrados
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 🖐️
No hay otra forma, con este código salen las fotos muy pequeñas y no va muy bien.
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 🖐️
Mucho mejor así de tamaño. Gracias.
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