How to implement added to cart popup like demo

Hello @anoop,

You can configure the type of “Added to Cart” notification in the Dashboard by navigating to XStore Options → WooCommerce → Shop Page Layout. Scroll to the bottom and modify the “Product Added Notification” option (https://prnt.sc/6r9Tj5F4WFDF). Set the value to “Popup Type”, and you can also adjust the additional settings for this popup in the same section of the Theme Options.

Such popup has next unique CSS class: .popup-added-to-cart (we suggest to set the ‘body’ selector before such class to ensure styles will overrite the default popup styles)

So you can modify the elements in such popup using next example:

body .popup-added-to-cart {
    background: green;
}

Best regards,
Jack Richardson
The 8Theme’s Team

Dear anoop,

It’s great having you in our WordPress & WooCommerce community!

Every insight you share helps us refine XStore and build tools that empower thousands of online store owners worldwide.

Leave Feedback →
(takes less than a minute)

Together, we grow stronger with every release.

Topic closed.
The 8Theme Team