Woocommerce Checkout page pictures are too large

  • Resolved meremuda

    (@meremuda)


    4 years ago

    Hello,

    I have a problem with my Woocommerce checkout page. After I add some products to the cart and go to the checkout, the product images under “Your order” are way too big.

    I have not used any snippets, css or other ways to customize the Woocommerce checkout page. Woocommerce checkout page shouldnt have any images at all by default. Whats forcing the images to go there and how can I make them smaller or disappear?

    I have tried different browsers and also computers to view the checkout page.

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • aetta

    (@chiape)

    4 years ago

    Hi @meremuda, how’s it going today?

    I am afraid that this is handled by your theme, which seems to be the Astra theme.

    However, if you want to remove the image from your checkout, you can try this custom CSS, that I created for you: 

    /*remove img product from checkout*/
.cart_item .product-name img { 
display: none;}

    If it doesn’t work, I’d recommend checking it out directly with your theme developers, I am sure they can better assist you in this case!

    Let us know how it goes! My very best!

    Thread Starter meremuda

    (@meremuda)

    4 years ago

    Hey @chiape

    I tried your custom CSS and it TOTALLY WORKED, i got exactly what i needed.

    Thank you for the quick reply and solution!

    Margaret S. woo-hc

    (@margaretwporg)

    4 years ago

    Glad we could be of help!

    If you have any other questions, please feel free to create a new topic.

    Cheers

    globalmerchant

    (@globalmerchant)

    3 years, 10 months ago

    Hi Andre

    Your code is to remove pics, however if I want to keep them but make them thumbnail, what would the code then be?

    Thanks
    Andre

    Plugin Support Daniyal Ahmed (a11n)

    (@daniyalahmedk)

    3 years, 10 months ago

    Hi there,

    Thanks for getting back to us.

    By default WooCommerce display a thumbnail of the product image on the cart page. It looks like you need to regenerate the thumbnails of your images, to fix this issue.

    Can you try to regenerate the thumbnails by using any of the plugins:

    https://wordpress.org/plugins/tags/regenerate/

    If the issue still persists, I’ll recommend you to switch to some default theme like Storefront, and see if it resolves the issue?

    Let me know how it goes!

    Best,

    globalmerchant

    (@globalmerchant)

    3 years, 10 months ago

    Hi Daniyal, nope it didn’t work, still very large pics on the checkout page, the cart page is perfect, I will reach out to the theme owners

    Also I noticed that on the blog and profile pages the text starts over the pic (the padding is gone) any suggestions?

    Thanks for the help.
    Andre

    Margaret S. woo-hc

    (@margaretwporg)

    3 years, 10 months ago

    Hi @globalmerchant

    on the blog and profile pages the text starts over the pic (the padding is gone) any suggestions?

    If you notice the same when you switch to a basic theme such as Storefront, please open a new topic and let us know. We’ll be happy to check further. Please also include a link to the page where this issue can be seen.

    Thanks

    globalmerchant

    (@globalmerchant)

    3 years, 10 months ago

    Hi, I changed to storefront and the pics are fine as well as the text moved to the right padding, so definitely the theme.

    Thanks for the support
    Andre

    Daniel Munene N.

    (@danndumia)

    3 years, 10 months ago

    Hey @globalmerchant

    Glad to hear it!
    I’ll mark this thread as resolved now. If you have any further questions, I recommend creating a new thread.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Woocommerce Checkout page pictures are too large’ is closed to new replies.