How to add to cart notification after clicked?


#1

I’m working on a prototype of an ecommerce application
where there is an “add to cart” feature where when the button is clicked, a round notification will appear above

Like this picture

maybe anyone can help me?
addtocart.rp (46.6 KB)


#2

You can do this quite easily using ‘Show/Hide’ interactions. Group the elements that make up your notification badge, give them a name, then hide them (the eye symbol in the toolbar). Then add an interaction to the ‘Add to cart’ button that will show the badge.

Optionally, you could increment the number on the button using this method. If you’re new to Axure, I recommend this video series.