Avisos
Vaciar todo

Mostrar imagen en el carrito de woocommerce  

 
Nadinne
 Nadinne
Estimable Member

Buenas tardes, estoy intentando que se muestre la imagen en el carrito, pero no lo consigo, he probado con vuestro tema pero no queda bien en mi instalación, aparece la imagen a la derecha y desaparece parte del texto. ¿Me podéis ayudar con esto? hablo en el carrito porque en el checkout si aparece.

Así se ve antes aplicar el tema antes referido...

2

y así después de aplicar los estilos ofrecidos en el tema...

1

Muchas gracias, Nadinne.

Contenido solo visible a usuarios registrados

Citar
Respondido : 23/02/2025 7:03 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Naddine, 

Activa nuevamente las opciones para que se muestre la imagen en móvil, cuando este nos indicas para verificar si hay alguna forma de modificarlo mediante CSS. 

Un Saludo

ResponderCitar
Respondido : 23/02/2025 8:03 pm

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

Nadinne
 Nadinne
Estimable Member

Ya está...

ResponderCitar
Respondido : 23/02/2025 8:07 pm
Nadinne
 Nadinne
Estimable Member

te refieres al código css añadido que quedaba mal?

ResponderCitar
Respondido : 23/02/2025 8:45 pm

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Nadinne, 

Verifica si el siguiente codigo CSS permite que en la version movil la tabla se vea de forma correcta

@media only screen and (max-width: 600px) {

tr.woocommerce-cart-form__cart-item.cart_item {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
}
td.product-remove {
padding: 6px !important;
width: 10%;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 100%;
box-shadow: none;
}
td.product-name {
width: 65%;
}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
display: block;
text-align: left !important;
}
}
td.product-price {
width: 33%;
}
td.product-quantity {
width: 33%;
}
td.product-subtotal {
width: 33%;
}
}

Un Saludo

ResponderCitar
Respondido : 23/02/2025 9:27 pm
Nadinne
 Nadinne
Estimable Member

Solucionado, en móvil perfecto, solo he tenido que dar estilo en vista escritorio porque la imagen era diminuta.

Mil gracias Karen.

ResponderCitar
Respondido : 23/02/2025 9:53 pm

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