Mailchimp mc:hideable 隐藏可重复块内的错误部分

Question

我已经构建了一个自定义 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 的文档似乎非常简单，我无法找到有关此特定问题的任何信息。

提前致谢！

Answer 1

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

所以在你的例子中你的变种是：

• 阻止
• 带标题的块
• 用内容屏蔽
• 用按钮阻止
• 带有标题和内容的块
• 带有标题和按钮的块
• 带有标题、内容和按钮的块
• 带有内容和按钮的块

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

见here for mc:variant syntax.