I am getting "translation error" on dropdown menu (Contact Page, Dawn theme)

Store Design
,

Topic summary

Translation errors appear on a Contact Page dropdown after migrating from Debut to the Dawn theme. A custom dropdown (Liquid + JSON) that previously worked now shows missing translation messages.

Key implementation details:

  • contact-form.liquid uses translation filter t with keys like ‘contact.form.reason_for_contact’, ‘select_option’, ‘product_sourcing_request’, ‘inquiry_about_a_listed_item’, ‘existing_order_support’, and ‘other’.
  • en.default.json includes matching entries for all referenced keys (e.g., “Reason for Contact”, “Please select an option”).
  • A screenshot is provided; code snippets are central to understanding the issue.

Notable observations:

  • All t keys used in the Liquid snippet appear to exist in en.default.json.
  • There is a minor typo in one option’s value attribute (“inquiry_about_a_listed_it em”), though value attributes do not affect translation keys.

Status and next steps:

  • The author requests help to resolve the translation errors.
  • No replies or confirmed solutions yet; the issue remains open.
Summarized with AI on December 30. AI used: gpt-5.
1

Screenshot 2024-04-28 at 12.14.25 PM.png
Screenshot 2024-04-28 at 12.14.25 PM.png1690×1078 34.7 KB

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

{{ 'contact.form.reason_for_contact' | t }}

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.