Hey guys, I hope you are fine.
I’m looking for a solution for a lot of weeks by now. I’m building an app that will work like iFood App, in other words, many restaurants, each restaurant with its products, each product with its options, each option with its unique variation.
I took a picture of the actual layout of one restaurant page with a modal pop-up that displays a product options with its variations:
I did this list of options with variations using repeating groups of variations inside a repeating group of options, and created a custom state of the selected thing based on the current cells index.
When a variation is clicked, it changes the icon to “selected”, and I called the :plus item to create a custom state with the list of selected variations.
THE PROBLEM IS: when the user selects another variation in the same option, it behaves like a radio button correctly, showing the deselected icon, but I could not find a way to :minus the previously selected item before it :plus item the next.