We are developing a WooCommerce-based store which is a subscription box.
When ordering, the customer must make multiple selections (colour and size of underwear and socks, as well as their desired frequency of subscription).
We would like someone with JS/AJAX experience to help make this process interactive/more fluid, so that the user selects one choice at a time before 'progressing' to the next, including the ability to go 'back' and change an option, and a progress meter showing how close the customer is to finishing selections.
When all selections have been made, the user can progress to 'Sign Up Now'. We want this to feel more interactive and "step by step", rather than the user having to keep manually scrolling down as they select their choices.
At present there is just one product ("The Box") but we would ideally like this work to be future proof and automatically work with any future products we add which include user choices for variations (for example, size and colour).
We have attached screenshots of the current flow, which is using WooCommerce and product variations for the options.