I have watched the YouTube video provided by Shopify twice. I have only been able to recreate the dropdown feature shown in the video.
I copied the code and took screenshots for adding radio buttons and have code shown below but I cannot get the radio buttons to appear properly on my custom-contact form.
I get the picture shown below
<label for=”contact-concern”>What’s your concern?</label>
<select id=”contact-concern” name=”contact[customer concern]”>
<option>I have a question about a product</option>
<option>I have a question about my order</option>
<option>I need to return a product</option>
<option>I have a question about my refund</option>
<option>I have another concern</option>
</select>
<label for="{{ formId }}-message">{{ 'contact.form.message' | t }}</label>
<textarea rows="10" id="{{ formId }}-message" name="contact[{{ 'contact.form.message' | t }}]">{% if form.body %}{{ form.body }}{% endif %}</textarea>
<label>How did you hear about us?</label>
<input type=”radio” name=”contact[discovery]” value=”FB”>Facebook<br>
<input type=”radio” name=”contact[discovery]” value=”IG”>Instagram<br>
<input type=”radio” name=”contact[discovery]” value=”Other”>Other<br>
<input type="submit" class="btn" value="{{ 'contact.form.submit' | t }}">
{% endform %}
</div>
</div>
</div>
</div>
Any help would be appreciated!
