Step 2 Next Button Defaulting to “Clicked”
-
I recently enabled multistep checkout. When doing so whenever I click on the “Next” button from page one, the “Next” button on page two defaults to looking like it is selected. This could make a user think this button is inactive because I have hover on for all of the other buttons on the site, and this one is already in the “hover state”. Similarly, if you go to step 3 and then hit “Prev” the “Prev” button on step 2 will default to the “Hover” or “Clicked” color.
So basically what it is doing is remembering the state of that button from the previous screen. If you look closely when the page is loading it will actually put the “Prev” button on for the step two page BEFORE it switches to Step 2. So basically the Next button appears to be the SAME button that was clicked for Step 1, which is why it is staying “Clicked”. I am on Chrome 79.0.3945.88
Is there a way to fix this?
The page I need help with: [log in to see the link]
-
I messed with the hover before, but then that doesn’t allow any of my buttons to have the hover animation. However, I turned the hover to the same color at the button and surprisingly it is still showing as the hover color and when I put my mouse over it, it changed the color to the default button color (which is the same as the hover color now).
I left the setting on my site for now so you can see it.
- The topic ‘Step 2 Next Button Defaulting to “Clicked”’ is closed to new replies.
