How to deactivate the automation off mini cart

How to deactivate the automation off mini cart after adding a product i.e. with quick add to cart feature?

Hello,

Please navigate to Theme Settings -> Shop -> turn off the “Hide widget automatically” option.

https://prnt.sc/nX3wZ5JlvqII

Let me know if there is anything else I can help and have a good day!

Kind Regards

Thanks. This worked. But after that, there is no hint for a user that the product was successfully added.

https://xtemos.com/forums/topic/how-to-get-a-css-hook-on-added-products/

Hello,

The thing is that if you disable the mini cart (https://prnt.sc/TR_VgDvBL9UD), there cannot be any action after adding the product to the cart or to the wishlist.

Kind Regards

Ah….okay…I understand. But if user clicks on the wishlist, there is a hook symbol as well. This is only what we nee, for the add to cart.

Hello,

Sorry to say that but it requires Customization and this is beyond our limitations and support policy scope. Hope you can understand our limitations.

If there’s anything else we can do, please get in touch.

Best Regards

No…this is a basic of your theme which you can find in most of your demos…the pictures attached.

Attachments:

You must be logged in to view attached files.

Ok, I got you. I have checked it on your site and it works well from my side, please check the below video.

https://monosnap.com/file/Br01tsRwNsKjsMhKxOySX7wt06v6uk

Please let me know if I missed something.

Kind Regards

guys…quick add to cart…….works not like this.

And if you leave the side, all symbols are gone

Could you please make and send us a video for a better understanding of the issue?

Looking forward to collaborating with you!

Kind Regards

sure….see the video on loom:
https://www.loom.com/share/8a78486c8d47487f85aaa698e37ffb67

Now hook symbol after adding to cart…..this is the biggest issue at the moment.

I found a css for this issue, but the classes are not up to date….could wrk if you now, which classes are correct:

.woodmart-added-to-cart-checkmark {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
background: #1e73be;
color: #fff;
font-size: 10px;
line-height: 16px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
}

.add_to_cart_button.added .woodmart-added-to-cart-checkmark {
visibility: visible;
opacity: 1;
}

Hello,

Please add the below code to the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.product-grid-item .add_to_cart_button.added:before {
		content: "\f107";
}

Let me know if you have any questions, I’d be happy to answer them.

Kind Regards

Thanks, that worked!

Hello,

Glad that it is sorted out.

If there’s anything you need, please write me or another member of our help desk team.

We’re here for you!

Kind Regards

[Author]

Posts