How to Display Simple Product Image for Configurable Product Image in Magento 2 Mini Cart and Cart

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 product with drop-down lists of options for each variation.
You can apply the same solution in the grouped product by selecting “Product Thumbnail itself” in the “Grouped product image” option.
Front end cart

Method to Display Simple Product Image for Configurable Product Image in Magento 2 Mini Cart and Cart

  1. Log in to Magento 2 admin panel.
  2. Navigate to “Stores > Settings Configuration”.
  3. Click Checkout from the Sales tab.
  4. Expand the Shopping Cart option.
    How to Display Simple Product Image for Configurable Product Image in Magento 2 Mini Cart and Cart
  5. Select the “Product Thumbnail itself” from the “Configurable Product Image” option.
  6. Save the configuration.

The output on the cart page will look like shown below:
If you have any doubts regarding this post, just mention them in the Comments section below.
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.
Something went wrong.
How to Display Simple Product Image for Configurable Product Image in Magento 2 Mini Cart and Cart
I would be happy to help.
Feel free to share the solution with Magento Community via social media.
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’ve added to the cart?
Never miss Magento tips, tricks, tutorials, and news.
Here you go, now it displays simple product image for configurable product image in the mini cart and cart.
In the mini cart, it displays the selected product thumbnail itself also.
Thank you for subscribing.

Get Weekly Updates

What’s the solution? It is the best practice to display the selected product image 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.

Thank You.
Simple, right?

/**/

/*.mfp-bg{background:#000000d4}
/*]]>*/

/*.mfp-bg.mfp-ready{opacity:.6}
/*]]>*/

(based on 13 Reviews)