How to change thumbnail image size of WooCommerce cart page

The default thumbnail size of woocommerce cart is 90px width. I found this too small for some store. You may like to display bigger and cleaner image in your cart page. If you look into “woocommerce > templates > cart > cart.php” you will find a filter woocommerce_cart_item_thumbnail or woocommerce_in_cart_product_thumbnail depending on your version of woocommerce. You don’t need to the edit that code. I will show here how to change thumbnail size without editing the template code.



Go to “WooCommerce > Settings > Catalog” from your WordPress dashboard and you will find image options on that page. Now change the value of Product Thumbnails to image size you desire.

WooCommerce Image Size



Add this css to your theme style sheet.

.woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img {
width: auto !important;



This is an optional step. If you have existing products and you want to apply changes on those, do this step. Install “AJAX Thumbnail Rebuild” plugin and go to “Tools > Rebuild Thumbnails”. Select only “shop_thumbnail” and hit “Rebuild All Thumbnails” button and you will see your thumbnails.

Rebuild Thumbnails


I hope this will help you updating thumbnail image size of WooCommerce cart page. If you find any problem or need any other related help, please post a comment.

  • Design, Host

    ok, but how to make it from child theme functions?

  • alonzo

    I’m having trouble with the coding. Where should i place the coding on the cart.php page?

  • http://www.iamabdus.com/v4/ Abdus Salam

    You don’t have to place any code in the cart.php . Follow the steps and place css codes in the theme style.css file.

  • alonzo

    I’m sorry thats what i meant. I placed this code in the style.css file its on line 1385. i switch the catalogue product thumbnails size to 133×90 and i’ve forced regenerated all thumbnails. Only thing that happened was that the imaged showed up cropped but its the same size.

    any ideas?

  • TryItAgain

    Thanks. Took me two hours to find you and 30 seconds to fix my images.

    You’re fantastic!

  • http://www.iamabdus.com/ Abdus Salam

    Thank you! Woocommerce should have the option in settings. That could save your two hours and 30 seconds :)

  • aj

    still my cart page is too big

  • Nacho

    Huge thanks for this. Begs the question WHY woocommerce does not have this as an actual setting…

  • Lars Bek

    Thanks, that did the trick, did not need to change existing products, they changed iconsize, with just the css change 😉

  • http://www.brembo-caliper-refurbs.uk/ Brake Caliper Specialists

    Yep. CSS change only for me too. Great, thank you very mcuh indeed.

  • Falling Ocean

    Really nice. Exactly what I needed. Thanks so much!

  • Tetra84

    Hi I just tried this, and it didn’t change the dimension of the images. Not sure if the latest version of Woocommerce doesn’t work with it. Any other advice on how to change the php file? I’m looking at it, but don’t see any values that I can tweak in there.

  • Mohamed ElBasyouni

    worked great on the cart page, but still the same problem on the cart hover and widgets,
    Any ideas ?

Connect with me