better pricing->loggin->checkoutflow transition

web/themes/custom/materiotheme/vuejs/components/productsMixins.js

@@ -56,7 +56,7 @@ export default {
         },
         // settings
         {
-          // name: `modal-${this.item.id}`,
+          name: 'modal-loginregister',
           draggable: false,
           classes: 'vm--modale-loginregister',
           width: '500px',
@@ -107,6 +107,12 @@ export default {
     },
     addtocart (variation_id) {
       console.log('addtocart')
+
+      // transition
+      this.$modal.hide('modal-loginregister')
+      document.getElementById('pricing').classList.add('loading')
+
+      // handle the cart then redirect to checkout flow
       this.getCarts()
         .then(({ data }) => {
           console.log('current user carts: data', data)