{"id":1645,"date":"2021-03-16T07:01:01","date_gmt":"2021-03-16T07:01:01","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/display-simple-product-image-for-configurable-product-image-in-magento-2-mini-cart-and-cart\/"},"modified":"2025-07-18T12:01:21","modified_gmt":"2025-07-18T06:31:21","slug":"display-simple-product-image-for-configurable-product-image-in-magento-2-mini-cart-and-cart","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/display-simple-product-image-for-configurable-product-image-in-magento-2-mini-cart-and-cart\/","title":{"rendered":"How to Display Simple Product Image for Configurable Product Image in Magento 2 Mini Cart and Cart"},"content":{"rendered":"\n

The configurable product in Magento 2<\/a> store allows your customers to select the variant they are expecting by choosing various options. It looks similar to a single product with drop-down lists of options for each variation.<\/p>\n\n\n\n

For instance, the customer added the red product in the cart from a configurable product and purchased other products. After purchasing the required products, he is visiting the cart page for proceeding to checkout. It is displaying a parent thumbnail image of a configurable product. For a minute, the customer gets confused about which color I\u2019ve added to the cart?<\/p>\n\n\n\n

What\u2019s the solution? It is the best practice to display the selected product image<\/a> in the cart and mini-cart to release customers from confusion. In this scenario, use the below method to display simple product image for configurable product image in Magento 2 mini cart and cart.<\/em><\/strong><\/p>\n\n\n\n

Method to Display Simple Product Image for Configurable Product Image in Magento 2 Mini Cart and Cart<\/h2>\n\n\n\n

1. Log in<\/strong> to Magento 2 admin panel.<\/p>\n\n\n\n

2. Navigate to \u201cStores<\/strong> > Settings <\/strong>> Configuration\u201d.<\/strong><\/p>\n\n\n\n

3. Click Checkout<\/strong> from the Sales tab.<\/p>\n\n\n\n

4. Expand the Shopping Cart <\/strong>option.<\/p>\n\n\n\n

\"ss-admin-1.jpg\"<\/figure>\n\n\n\n

5. Select the \u201cProduct Thumbnail itself\u201d<\/strong> from the \u201cConfigurable Product Image\u201d<\/strong> option.<\/p>\n\n\n\n

6. Save the configuration.
For example, you are adding a green hoodie to the cart from a red, blue, and green option. If this method is not applied in your store, it displays the parent product thumbnail instead of a particular color selection.<\/p>\n\n\n\n

The output on the cart page will look like shown below:<\/p>\n\n\n

\n
\"Front<\/figure>\n<\/div>\n\n\n

In the mini cart, it displays the selected product thumbnail itself also.<\/p>\n\n\n

\n
\"How<\/figure>\n<\/div>\n\n\n

Here you go, now it displays simple product image for configurable product image in the mini cart and cart.<\/p>\n\n\n\n

You can apply the same solution in the grouped product by selecting \u201cProduct Thumbnail itself\u201d in the \u201cGrouped product image\u201d option.<\/p>\n\n\n\n

Simple, right?<\/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":"

The configurable product in Magento 2 store allows your customers to select the variant they are expecting by choosing various options. It looks similar to a single…<\/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-1645","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1645","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=1645"}],"version-history":[{"count":2,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1645\/revisions"}],"predecessor-version":[{"id":14438,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1645\/revisions\/14438"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=1645"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=1645"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=1645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}