better pricing->loggin->checkoutflow transition

This commit is contained in:
Bachir Soussi Chiadmi 2021-07-07 11:02:09 +02:00
parent 8cd3b9bfea
commit afa81b4a6f
7 changed files with 16 additions and 5 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -2232,6 +2232,11 @@ article.card{
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
&.loading{
transition: all 0.3s ease-in-out;
opacity: 0.5;
}
article.product, article.product,
.views-row{ .views-row{
flex:0 0 33%; flex:0 0 33%;

View File

@ -56,7 +56,7 @@ export default {
}, },
// settings // settings
{ {
// name: `modal-${this.item.id}`, name: 'modal-loginregister',
draggable: false, draggable: false,
classes: 'vm--modale-loginregister', classes: 'vm--modale-loginregister',
width: '500px', width: '500px',
@ -107,6 +107,12 @@ export default {
}, },
addtocart (variation_id) { addtocart (variation_id) {
console.log('addtocart') 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() this.getCarts()
.then(({ data }) => { .then(({ data }) => {
console.log('current user carts: data', data) console.log('current user carts: data', data)