Shopify：通知电子邮件中的样式来自哪里？答案

【问题标题】：Shopify: Where does the styles in notification emails come from?Shopify：通知电子邮件中的样式来自哪里？
【发布时间】：2018-02-17 22:11:42
【问题描述】：

我asked this in Shopify论坛但没有人回答。

在 Shopify 的管理页面中，我们可以编辑“订单确认”电子邮件的 HTML，当我收到实际的电子邮件时，HTML 与我们在管理页面中编辑的非常不同，虽然我可以看出它来自我在管理页面上编辑的相同 HTML。只是添加了许多样式，并且一些 HTML 元素的顺序似乎发生了变化。我想知道这些样式是如何添加的？我们可以控制它吗？

这是我在 gmail 中看到的订单确认电子邮件：

如您所见，<p> 标签有多种样式。但是，在管理员页面上，相关代码是：

{% capture email_body %}
  {% if requires_shipping %}
    Hi {{ customer.first_name }}, we're getting your order ready to be shipped. We will notify you when it has been sent.
  {% endif %}
{% endcapture %}

.....

<p>{{ email_body }}</p>

根本没有样式，也没有关于这个 P 标签的 CSS。

【问题讨论】：

模板中的文本中不仅缺少样式，还缺少日期占位符。你确定这是使用的模板吗？

标签： css shopify liquid

【解决方案1】：

Shopify 会在所有电子邮件模板中加载默认的 styles.css 文件。

<link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">

在发送电子邮件之前，Shopify 会解析所有外部 CSS 并将它们添加为内联样式，以更好地支持不同的电子邮件客户端。

更多关于Shopify Website的信息

【讨论】：