Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Imagenes de producto en pagina carrito  

 
María
 María
Usuario experto

Hola,

Tengo un problema en la pagina de carrito de mi web: En la versión pc y en cualquier formato grande se ve bien, con todos los elementos (ver pantallazo)

Pero en la versión móvil la fotos del producto desaparece (ver pantallazo). El resto de elementos se mantienen,

He probado en varios tamaños de pantalla y siempre ocurre lo mismo: en dispositivos "pequeños" no se ven las imágenes . 

¿podéis ayudarme?

 

Gracias!

Captura de pantalla (118)
Captura de pantalla (117)

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 13/08/2022 8:52 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Maria,

El modulo del carrito en elementor es reciente asi que tiene errores como el que nos comentas

Para hacer la imagen visible puedes probar los siguientes estilos CSS

@media(max-width:768px){
.woocommerce-page table.cart .product-thumbnail{
display: block;
width: auto;
}
.shop_table.cart tr.cart_item td.product-thumbnail img {
width: 80%;
margin-top: -35px;
}
.woocommerce-page table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
display:none
}}

Saludos!

ResponderCitar
Respondido : 13/08/2022 3:16 pm

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

María
 María
Usuario experto

Hola!

No me funciona. Cuando introduzco los estilos css me aparecen dos mensajes de error (ver pantallazo).

¿sabes porque puede ser?

Gracias!

Captura de pantalla (119)
Captura de pantalla (120)
ResponderCitar
Respondido : 16/08/2022 7:34 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Maria,

Intenta agregarlo en Apariencias > Personalizar > Css adicional.

Adicional a esto veo que el código tiene un error en el final, igualmente es posible que necesites que se apliquen de forma forzada, por lo que verifica agregando este código en lugar del que te compartimos previamente:

@media(max-width:768px){
.woocommerce-page table.cart .product-thumbnail {
display: block !important;
width: auto !important;
}
.shop_table.cart tr.cart_item td.product-thumbnail img {
width: 80% !important;
margin-top: -35px !important;
}
.woocommerce-page table.shop_table_responsive tr td::before {
content: attr(data-title) !important;
display: none !important;
}}

Un saludo 🖐️ 

ResponderCitar
Respondido : 16/08/2022 7:45 am

Cursos Gratuitos WordPress

María
 María
Usuario experto

Gracias! 

Funciona 🙂

ResponderCitar
Respondido : 16/08/2022 1:08 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Maria, 

Enhorabuena está funcionando como necesitabas, para nosotros siempre es un placer poder ayudarte

Escríbenos si tienes cualquier otra consulta, coméntanos si con esto podemos dar el tema como solucionado.

Un Saludo 😊 

Esta publicación ha sido modificada el hace 2 años por Karen Rios
ResponderCitar
Respondido : 16/08/2022 1:14 pm

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