Hope ya’ll had a great TG.
Okay, so my issue today is that I need to connect radio button filter selections to select the users program pick. This will be used to determine pricing. I explain and demonstrate in my Loom below. TIA for any help!
Hey @joe2! Thank you for the well wishes, I had a great weekend and hope you did too!
My first question is, what is the site’s flow? After filtering the list and clicking on the “Register Child” button, does the user get redirected to another page to fill out a form or something similar?
If so, we can add the field’s name as the filter field so that it matches the radio buttons we have on the filters. Then this field can have the other fields as data-
attributes that we can pass on to the form with some JS.
Let me know if this makes sense or if the flow is different!
Good Morning Luis!
I’m open to suggestions/recommendations and have been taking this one step/filter at at time. I was hoping to to the bulk of it on this page until the final steps. That could/should be a new page to review the class choices, names, accept terms, and then send the registration request or pay (future setup). I suppose there’d need to be a way to ‘go back’ and revise choices as well.
For now, my goal was to make picking classes and sending in a proposed registration with the pricing shown, names of all involved, as simple as possible.
Plan Overview:
- Program Selection:
- Parent selects program: “Dance Only” or “Enrolled Already + Dance”. [This is where I am currently stuck, I assume I’ll need to employ some JS to make this work]
- Filters:
- Age
- Dance Type
- Enrollment Type (Individual child or multiple children for family discount)
- Class Selection:
- Parent picks a dance class for their child.
- Display selected class with options:
- “Add Class”
- “Finish Child/Add Child”
- Details Entry:
- Fill out child’s first name, age, and parent name.
- Results Display:
- Show selected classes and allow further additions.
- Final Steps:
- Agree to terms.
- Display price totals with any discounts.
- Button to “Send Registration Request”.
- Payment Integration:
- Future integration with PayJunction for payment processing.
Good Morning again, Louis!
I’ve made some more changes. What I had in there was not working. The bulk of the filter works great again. But, I’m still stuck at getting the program name to show up on the card. Once I have that working I can work to bring in the rest of the associated fees data. Looking forward to your input. TIA.
Hey @joe2! Apologies for the delay. I just checked your CMS Collection and seems that all the items are missing the program name.
I do see the text element linked to this field on the published site but it has the classes w-condition-invisible w-dyn-bind-empty
which confirms no data has been added.
Can you please fill this option for some of the Collection Items and test again?
Thanks for looking at it again.
Yah, that reference field is set to that collection now, but it will not display the dance program names.
The multi-reference field shows the dance program names, and on every class, but I cannot connect to it the display card for class names. It’s not an available field to connect to.
How exactly do I get those dance program names to show up on the Class Names cards then?
I’m still stumped.
Do I need to or how do I need to make each dance program with its associated pricing available to each class name?
PS Was chatting with Nelson earlier and he suggested using nested collections on the filtered card. Do you agree with that idea?