Magento 2\u00a0checkout cart page is the intermediate point that proceeds to finalize the purchase. The product image displayed on the checkout cart page gives the customer a quick overview of the items they are about to purchase.<\/p>\n\n\n\n
However, when the product has multiple colors and options the image might not match the desired custom selection of the customer.
Moreover, when a store owner wants to give a free product based on a condition, and that product belongs to the customer\u2019s selected configured one.<\/p>\n\n\n\n
In that case, what if a store owner needs to display an image of the main product in the free one?<\/p>\n\n\n\n
Any solution? Here is the quick solution. Apply the below method to change product image in Magento 2 checkout cart<\/strong><\/em>!<\/p>\n\n\n\n 1. Use the below code in the di.xml<\/strong> file at app\/code\/Vendor\/Extension\/etc<\/strong><\/p>\n\n\n\n 2. Create the NewImage.php<\/strong> file at Vendor\/Extension\/Plugin\/CheckoutCart<\/strong><\/strong><\/p>\n\n\n\n That\u2019s it!<\/p>\n\n\n\n Feel free to share the solution with Magento Community via social media.<\/p>\n\n\n\n Thank You.<\/p>\n","protected":false},"excerpt":{"rendered":" Magento 2\u00a0checkout cart page is the intermediate point that proceeds to finalize the purchase. The product image displayed on the checkout cart page gives the…<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1786","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1786","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=1786"}],"version-history":[{"count":4,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1786\/revisions"}],"predecessor-version":[{"id":18053,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1786\/revisions\/18053"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=1786"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=1786"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=1786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Method to Change Product Image in Magento 2 Checkout Cart<\/h2>\n\n\n\n
<type name=\"Magento\\Checkout\\Block\\Cart\\Item\\Renderer\">\n <plugin name=\"product_image_checkout_cart\" type=\"Vendore\\Extension\\Plugin\\CheckoutCart\\NewImage\" sortOrder=\"1\"\/>\n<\/type><\/pre>\n\n\n\n
<?php\n\nnamespace Vendore\\Extension\\Plugin\\CheckoutCart;\n\nclass NewImage\n\n{\n\n public function afterGetImage($item, $result)\n\n {\n\n if(CONDITION) {\n\n $result->setImageUrl(IMAGE_URL);\n\n }\n\n return $result;\n\n }\n\n}<\/pre>\n\n\n\n