I’m working on a prototype of a website to purchase tickets for events, and I have the checkout process set up like this:
Go to ‘Schedule’,
Select the show (in this case, the show for ‘Mello Quake’),
Select ‘Add To Cart’, which redirects you to your cart.
Note: When adding to cart, this toggles a “Cart” variable to be set to “True”, which will change the ‘Add to Cart’ button to a variant that reads “View in Cart”. Both buttons have an animated hover state.
From there, you are able to empty the cart by making the counter in the cart go to ‘0’. A pop up will appear as a warning, letting you know that this will empty the cart, and ask the user if that’s what they want to do.
When testing this, I have been hitting “Yes” to empty the cart. Doing this will set the “Cart” variable to “False”. Ideally, when the “Cart” variable is set back to false, the button on the show page will change back to the “Add to Cart” variant. While it does do this, it defaults to the hover variant of the button, instead of the non-hover variant. I’m sure there’s some dumb syntax error I’ve done somewhere but I can’t seem to find it. Please help!
Here’s a link to the project file.
Thanks in advance!