Avisos
Vaciar todo
Hola,
He probado de simular compras en mi pagina y no me aparecen en la pagina de carrito las imagenes de productos en vsrsion movil. En pc no tengo problema. Adjunto copias de pantalla.
Gracias
Contenido solo visible a usuarios registrados
Respondido : 16/04/2021 11:55 am
Perdón, la imagen de pc no se ve bien.
Vuelvo a enviar
Respondido : 16/04/2021 11:56 am
Hola Nuria,
Lo que veo es que la imagen no se muestra en la versión móvil de tu carrito ya que tienes un display none para que no se muestre, para solucionarlo prueba añadir el siguiente código CSS en al apartado Apariencia -> Personalizar -> CSS Adicional
@media only screen and (max-width: 600px) {
.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;
}
}
Un Saludo
Respondido : 16/04/2021 12:56 pm
Karen, Ya he insertado el codigo CSS, ¿pero porque la imagen del producto queda en otra fila y no al lado de la x roja igual que en verson pc? y luego otra cosa en versión tablet no a parece la imagen.
Respondido : 16/04/2021 1:43 pm
Hola Nuria,
Lo que veo que es que el tema añade una segunda fila para la imagen y es por ello que esta se muestra en la parte inferior, si deseas añadirla a la izquierda prueba el siguiente código CSS, pero esto mueve todos los elementos
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
text-align: left !important;
}
Por otro lado para que se despliegue en table prueba reemplazar el anterior código por este
@media only screen and (max-width: 767px) {
.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;
}
}
Un Saludo
Respondido : 16/04/2021 2:03 pm
Gracias Karen, No lo voy a añadir ya que como tu dices se alinea todo a la izquierda.
He añadido el nuevo codigo CSS para tablet y no aparecen.
Respondido : 16/04/2021 2:48 pm
Hola Nuria,
Prueba modificarlo a 769 y comprueba si con ello se muestra de forma correcta
@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;
}
}
Comprueba si con ello se muestra
Un Saludo
Respondido : 16/04/2021 3:06 pm
Perfecto! Funciona. Lastima de la plantilla de Divi que crea dos filas y no queda bien. Pero de momento paso.
Muchas gracias
Respondido : 16/04/2021 5:10 pm
