2

我构建了一个自定义 mailchimp 模板并添加了可重复和可隐藏的部分,以便我的客户可以更轻松地对其进行编辑。我已经阅读了所有文档,我的代码经过验证,并且电子邮件本身功能很好,除了一个问题。这是我的布局的要点 - 理想情况下我希望它如何工作(删除所有无关代码 - 但如果需要我可以单独提供)。

<table mc:repeatable>
  <tr>
    <td><img src="" alt="article image"></td>
  </tr>

  <tr>
    <td>
       <h2 mc:edit="article_title" mc:hideable>Optional Title</h2>
       <div mc:edit="article_body" mc:hideable>Optional content</div>
    </td>
  </tr>

  <tr>
    <td>
        <div mc:edit="article_button" mc:hideable><a href="" class="button">Optional Styled Button</a></div>
    </td>
  </tr>
</table>

当我进入活动编辑器时,我可以成功隐藏部分。直到我复制块。一旦我有 2 个块,并且我隐藏了第一个块的 h2,它就会隐藏以下 div。如果我隐藏 div,它会隐藏按钮。注意:在活动编辑器中,它似乎可以正确隐藏内容。只有当我预览电子邮件时,我才能看到它隐藏了错误的部分。

我尝试了所有我能想到的变化:

  1. 为每条可隐藏内容嵌套表格
  2. 将编辑和可隐藏标签分离到父/子元素
  3. 重命名所有 mc:edit 属性
  4. 将 mc:repeatable 移动到 tr 或嵌套表
  5. 完全删除 mc:hideable,除了按钮(所以他们会删除副本而不是隐藏整个部分。)

上面的第 5 项导致了一个完全不同的问题。当我复制块并隐藏复制块上的按钮时,它将按钮隐藏在 FIRST 部分中。就好像名字以某种方式被越过了。

我一定有什么东西不见了。Mailchimp 的文档看起来非常简单,我无法找到有关此特定问题的任何信息。

提前致谢!

4

1 回答 1

1

作为一种解决方法,而不是mc:hideable在块内创建元素,mc:repeatable我使用 创建了多个变体mc:variant,并且每个变体内部都有不同的项目。

因此,在您的示例中,您的变体将是:

  • 堵塞
  • 带标题的块
  • 用内容屏蔽
  • 用按钮阻止
  • 带有标题和内容的块
  • 带有标题和按钮的块
  • 带有标题和内容以及按钮的块
  • 使用内容和按钮阻止

这不像解决方案那样简洁,但确实有效。

有关语法,请参见此处。mc:variant

于 2014-12-03T00:03:23.120 回答