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

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.

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?

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.

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.

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.

The output on the cart page will look like shown below:

Front end cart

In the mini cart, it displays the selected product thumbnail itself also.

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

Here you go, now it displays simple product image for configurable product image in the mini cart and cart.

You can apply the same solution in the grouped product by selecting “Product Thumbnail itself” in the “Grouped product image” option.

Simple, right?

If you have any doubts regarding this post, just mention them in the Comments section below.

I would be happy to help.

Feel free to share the solution with Magento Community via social media.

Thank You.

Get Weekly Updates

Never miss Magento tips, tricks, tutorials, and news.

Thank you for subscribing.

Something went wrong.

5
(based on 14 Reviews)

Dipak is a Magento Developer at Meetanshi. Apart from work, he loves playing cricket with his friends. Traveling and exploring new places is something that he is passionate about.

Leave a reply:

Your email address will not be published.