"How to show image of product in cart page on mobile?" (#3691552) / Milingona Support

Comments

lanlephuoc started the conversation
July 23, 2024 at 12:36pm
I think it is useful for customer if product show the image on mobile like desktop

228

Milingona replied

July 30, 2024 at 8:15pm

Hi,

Good suggestion! You can add the product image to the mobile view using the following code at Bakery > Custom Code > Custom CSS:

@media (max-width: 767px) {
  .woocommerce table.cart .product-thumbnail {
    display: block;  
  }
  .woocommerce table.cart .product-thumbnail:before {
    display: none;
  }
  .woocommerce table.cart .product-thumbnail img {
    width: 100%;
  }
}

Best regards,

Milingona Support

Follow on Envato Facebook Twitter

lanlephuoc replied
August 20, 2024 at 2:55pm
your code is perfect, thank you so much!
lanlephuoc replied
August 22, 2024 at 3:41pm
Hi, I think the X icon & the product image should align in a row to look clean & clear instead of 2 row with alot of empty space