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.

  • 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…

Connect with me