Hi how do we group radio buttons

Hi Nick not quite sure what you mean. Happy to help but can you make sure to post questions following the guidelines here. The likelihood of quality support coming from the community is much higher when you follow those.

Hi Steve thank you for responding. I spoke with someone on support. It’s not possible to do what I thought of. Replo has radio buttons but they aren’t actual buttons, it’s more so divs with styling.

I wanted to use radio buttons and inject logic myself in liquid but unless you select a variant/product, the buttons don’t work

Hmmm not sure I fully understand but I do know that when you click on a radio button component, that triggers an "Activate State" and you can add in other= actions to the list of interactions on the radio button by normal Interaction Chaining, One thing to note is that the radio button has a different set of interactions depending on the State the button is in (it has a "Default" and an "Active" state). Not sure if that helps???

Here is an example. I have 3 radio buttons

When i test it, I can click more than one. I want to be able to have them be a specific group.

OHHHHHH got it. You want them to be connected in that ONLY 1 can be live or active at once? Is that right? If so you probably want to pick a different component. What is the "decision" you're making here across these components? Are these different products? different variants/options of the same product? different quantities?

i have a 10 step product page process. Shopify doesn't that many options, So I want to design that product page using radio buttons when possible. I will be manually adding the value to each button with attributes

you are correct, they need to be linked so one is only active at a time.

Wait sorry are these different options of the same product? Or are there multiple products? I'm trying to understand the product SKU structure If the Shopify store exists with the products live, you can just share the URL and I can help by looking at the stores product structure via the /products.json route

No store exists. It’s one sku. No variations on the shopify platform. All options have to be done manually

One product has many options. Example Hot tub Model - 3 options Series - 3 options Lights - 3 options color - 3 options Material - 3 options + 8 more

So each option set, I want 3 radios. And I want to design those radios in replo and work as one group. I don’t need them to connect to the product because I know they can’t . I have to do that in liquid.

Got it got it. Ok in this case I have a sneaky solution for you. Use a product selection component and then on each of the children of the component, remove the attached "Update Current Product" interaction (and maybe add on a Run JS action if needed for your custom logic). The nice part about this component is it manages the active/inactive state and ensures only 1 of the children components are active at a given time. Try it out!

oooo lala lets see

I'm not seeing a difference when i click

it works

I have to set it to run javascript like you mentioned

ok now lets see if I can find a creative way of make it into a multi step