logo

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.

 

STEP 1

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

 

STEP 2

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;
}

 

STEP 3

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