Upgraded to WordPress 6.0 and have issues? Please check the hotfix which you need to apply.

Okay
  Public Ticket #3691552
How to show image of product in cart page on mobile?
Open

Comments

  •  1
    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

    3953758609.png
    3423310026.png


  •  229
    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

  •  1
    lanlephuoc replied
    August 20, 2024 at 2:55pm

    your code is perfect, thank you so much!

  •  1
    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

    7791381732.png