[Resolved] Show product images in cart page

Home Forums Support Show product images in cart page

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #827922
    Pedro

    Hello!

    I would like the cart page to show the image of the products that have been added to the cart.

    How can I do it?

    Thank you!

    GeneratePress 2.2.2
    GP Premium 1.7.8
    #828228
    David
    Staff
    Customer Support

    Hi there,

    to display them on mobile try this:

    .woocommerce-cart table.cart img {
        width: 60px; /* Change for desktop image size */
    }
    
    @media (max-width: 768px) {
        
        .woocommerce-page #content table.cart .product-thumbnail {
            display: block;
        }
        .woocommerce-page #content table.cart .product-thumbnail:before {
            content: '';
        }
       .woocommerce-page #content table.cart img {
           width: 80px; /* change for mobile image size */
       }
       .woocommerce-page #content table.cart .product-thumbnail {
        text-align: center !important;
        }
    }
    #828560
    Pedro

    Hello david! Thanks for the help.

    I placed the CSS and the image is displayed in the mobile version.

    However I would like to do the following:

    – Enlarge a little more the image of the product in the desktop version.
    – Reduce a little more the image of the product in the mobile version.
    – Center the product image in the mobile version.

    Thank you!!

    #828565
    David
    Staff
    Customer Support

    I edited the CSS above, the two lines for changing the image size have comments beside them, just set the pixel size you want.

    #828572
    Pedro

    Hello david! You are the best, it worked perfect. Thank you!

    #828591
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.