[Resolved] increase size images of the cart, and remove product link in the cart

[Juan Luis]

Good, I would like to remove the product link that appears in the cart and Increase the size of the image that appears next to the link, would you know how to do it? Thank you

[David]

Hi there,

try this CSS to change the image size and hide the product field:

@media(min-width: 769px) {
    .woocommerce-cart table.cart img {
        width: 100px;
    }

    .woocommerce table.shop_table th.product-name,
    .woocommerce table.shop_table td.product-name {
        display: none;
    }
}

Only applies to desktop

[Juan Luis]

Would it be possible to do it for mobile too?

[David]

Try using this CSS instead:

.woocommerce-page table.cart .product-thumbnail {
    display: block !important;
}

.woocommerce-page table.cart .product-thumbnail:before {
    content: '';
}

.woocommerce table.shop_table_responsive tr td {
    text-align: left !important;
}

.woocommerce-cart table.cart img {
    width: 100px;
}

.woocommerce table.shop_table th.product-name,
.woocommerce table.shop_table td.product-name {
    display: none;
}

[Author]

Posts