Duplicate image thumb displaying in Mini Side cart

[harshwe]

Hello Luke or Artem,

There seems an issue with the Side cart. We found that on the Mini or Side cart duplicate images of products are showing if we follow below scenario.

Here are the steps to replicate–
Open the Shop page, then open any product or this one – https://www.vasangini.com/product/vintage-pure-leather-bag-mandala-womens-handbag/
PS: You can test any product on staging2 site also or this one – https://www.vasangini.com/product/premium-tote-bag-mandala-womens-handbag-2pc-set/

Then click on Add to Cart button (green colored), then click on Mini cart icon (top right side), you will initially find only 1 image here. Click on Checkout button on the same mini cart flyover.
Then once the checkout page loads, then click on the Logo of the site (top left corner), this will bring you to the Home page. Then after having it loaded completely, click on the Mini cart icon (top right side), you will now find 2 images (duplicate) here of the same product.
This happens as Admin as well as a visitor visitor or Guest

We are using a very well-known plugin for enhanced checkout page- Cartflows (for checkout only)
We first tried to contact them and explain them everything. After going back-and-forth few times with them, they checked thoroughly and one of the Developer team member suggested below-

On the same note, there is an error message displayed in the browser’s console tab which says that the mini cart HTML is not updated.
Here is the screenshot for the same:
– https://share.getcloudapp.com/9ZuyEOGL
– https://share.getcloudapp.com/JruebYzP

So, to fix this I would suggest you to get in touch with the mini cart plugin/theme author and ask to update the mini cart HTML when the page is reloads or there is an ajax call. As soon as the HTMl is refreshed, the duplicate image issue will be solved automatically

Can you please check and resolve

Regards

• This topic was modified 10 months, 1 week ago by harshwe.
• This topic was modified 10 months, 1 week ago by harshwe.
• This topic was modified 10 months, 1 week ago by harshwe.

Hello,

As we can see, the second image comes with some of the installed plugins. You can hide it using the following CSS code

.wd-entities-title .wcf-product-thumbnail {
    display: none;
}

Kind Regards

[Author]

Posts