search

vuestorefront / vue-storefront

Alokai is a Frontend as a Service solution that simplifies composable commerce. It connects all the technologies needed to build and deploy fast & scalable ecommerce frontends. It guides merchants to deliver exceptional customer experiences quickly and easily.
https://www.alokai.com
MIT License
10.6k stars 2.08k forks source link

Add the notification message that "the product was added to the cart" #111

Closed karolbzik closed 6 years ago

karolbzik commented 7 years ago

After the product was added to the cart (via product card, after clicking the button "Add to cart"), the notification should be presented.

zrzut ekranu 2017-10-13 o 14 37 32

The notification should appear with the animation, similar to the patter of Material Motion.

The notification should be linked to the sidebar cart and checkout.

The design for the notification is available here https://www.figma.com/file/VKyqbHFI55TKIKcQlFLiVpVF/Vue-Storefront-Open-Source.

karolbzik commented 6 years ago

Let's do the notifications for "Product added to the cart" and "There's no product in the stock".

karolbzik commented 6 years ago

The notifications should enter the main screen from the bottom-left or bottom (in case of mobile views), similar to the notifications in the Google Drive.

pkarw commented 6 years ago

@mercs600 can you take care of finishing this task?

mercs600 commented 6 years ago

@pkarw no problem, I would like to add some base animation for desktop also ;-)

karolbzik commented 6 years ago

@mercs600 here's my suggestion for the animation vs4

mercs600 commented 6 years ago

@karolbzik did you test my last modification related with these notifications ? I added some animation like this.

pkarw commented 6 years ago

Add default fadeOut time for 5s + optional parameter for 'notification' message to override this default for custom values

filrak commented 6 years ago

done, you can see example notification data in model/notification.json