Product images in cart | PenciDesign Support

PenciDesign Supporter replied

9 months ago

Staff Reply

Hi,

WooCommerce automatically hides the product thumbnails in the cart on small screen devices. If you would like to display them, please go to Appearance → Customize → Custom CSS and add the following code:

@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;
  }
  .woocommerce table.shop_table_responsive tr td::before,
  .woocommerce-page table.shop_table_responsive tr td::before {
    display: none;
  }
  .woocommerce-cart table.cart .product-thumbnail img {
    width: 100%;
    height: auto;
  }
}

Regards,
PenciDesign.

almondsurf started the conversation

9 months ago

Conversation Start

My product images aren't showing up in the "phone" mobile cart. The product images show up in "tablet" and "desktop," but the cart shows only a small "x" where the image should be in the phone "mobile" view.

Can you help me to get the product images to show up on my phone view?