1. 找到联系表单邮件模板 #

Dawn主题的联系表单邮件并非存放在主题的Liquid文件中，而是Shopify后台的内置通知模板，路径如下：

• 登录Shopify后台 → 进入「设置」→ 选择「通知」→ 在「顾客联系」分类下找到「联系表单」
• 点击进入即可编辑邮件的内容、样式，解决图片渲染异常等问题

2. 修复图片渲染异常 #

• 检查图片来源：确保邮件中的图片使用HTTPS协议，且图片服务器允许外部嵌入（避免防盗链限制）；如果是主题内的图片，使用Shopify的asset_url过滤器生成正确路径，示例：

  <img src="{{ 'contact-banner.png' | asset_url }}" alt="联系我们" width="600" />
  

• 修正图片标签：使用标准HTML<img>标签，避免使用CSS背景图（部分邮箱客户端不支持），同时设置合理的width/height属性，添加清晰的alt文本
• 测试兼容性：使用模板页面的「发送测试邮件」功能，在不同邮箱客户端（如Gmail、Outlook）中查看渲染效果，排查客户端兼容问题

3. 处理表单Liquid修改同步影响邮件的问题 #

Dawn主题的联系表单代码位于sections/contact-form.liquid，添加新字段后，邮件会自动包含表单提交的所有字段，若需控制邮件显示内容：

• 指定显示字段：在邮件模板中仅调用需要的字段，比如默认字段{{ contact.name }}、{{ contact.email }}、{{ contact.message }}，新增字段需对应表单的name属性（如表单字段name="contact[custom_field]"，邮件中用{{ contact.custom_field }}调用）
• 过滤多余内容：如果不想让新增字段出现在邮件中，可在邮件模板中删除对应字段调用，或在表单提交逻辑中限制提交字段（不推荐新手操作）
• 自定义邮件流程：若需完全脱离默认通知，可使用Shopify Flow创建自定义工作流，当联系表单提交时触发自定义邮件，完全控制内容

内容的提问来源于stack exchange，提问作者Ghayas Ud Din