Shopify themes, liquid, logos, and UX
I upgraded from Debut theme to Dawn theme. I had succesfully installed a dropdown menu on my Contact Page using custome code (Liquid + JSON)
I attempted to do the same thing with my Dawn theme, but I am getting translation errors. Despite troubleshooting, I am unable to solve this.
Here are the two snippets of code:
Contact-form.liquid
<div class="field">
<label for="ContactForm-reason-for-contact">{{ 'contact.form.reason_for_contact' | t }}</label>
<select id="ContactForm-reason-for-contact" name="contact[reason_for_contact]" required>
<option value="">{{ 'contact.form.select_option' | t }}</option>
<option value="product_sourcing_request">{{ 'contact.form.product_sourcing_request' | t }}</option>
<option value="inquiry_about_a_listed_item">{{ 'contact.form.inquiry_about_a_listed_item' | t }}</option>
<option value="existing_order_support">{{ 'contact.form.existing_order_support' | t }}</option>
<option value="other">{{ 'contact.form.other' | t }}</option>
</select>
</div>
en.default.json
"contact": {
"form": {
"reason_for_contact": "Reason for Contact",
"select_option": "Please select an option",
"product_sourcing_request": "Product Sourcing Request",
"inquiry_about_a_listed_item": "Inquiry on a Listed Item",
"existing_order_support": "Existing Order Support",
"other": "Other",
"title": "Contact form",
"name": "Name",
"email": "Email",
"comment": "Comment",
"send": "Send",
"post_success": "Thanks for contacting us. We'll get back to you as soon as possible.",
"error_heading": "Please adjust the following:"
}
},
Please let me know what can be done, thank you so much.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025