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.

Connect with me