Thanks to this excellent tutorial, I was able to add additional fields to a product and gather custom information. However, the fields are marked as required in the <input> tag but that requirement is being ignored when you click Add to Cart or Buy It Now. I believe this is because of the way the Add to cart and Checkout buttons function in Debut (e.g. it's not just a regular form submit),
Here's a development site link to an item with line item properties (all fields marked required):
Any help is greatly appreciated.
Full disclosure, I've created a separate post asking for help with this theme on a different topic.
Solved! Go to the solution
This is an accepted solution.
Thank you @ChoosiZon. Removing that markup does indeed solve the problem (duh... seems obvious now!).
I wonder why Shopify choose to disable native validation on the form. I guess they are doing JS validation and don't feel it's necessary. Still, I can't help but wonder if I'm creating some competition between native validation and the form validation built into the code. I just test it as thoroughly as possible.
Very much appreciate your help.