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

时间:2014-11-01 19:28:40

标签: email mailchimp mcedit

我已经构建了一个自定义的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,除了按钮(因此他们会删除副本而不是隐藏整个部分。)
  6. 上面的第5项导致了一个完全不同的问题。当我复制块并隐藏复制块上的按钮时,它隐藏了FIRST部分中的按钮。这就像名字越来越划线了。

    我必须要失踪。 Mailchimp的文档似乎非常简单,我还没有找到关于这个特定问题的任何信息。

    提前致谢!

1 个答案:

答案 0 :(得分:1)

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

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

  • 以标题阻止
  • 阻止内容
  • 按下按钮
  • 阻止标题和内容
  • 阻止标题和按钮
  • 阻止标题和内容以及按钮
  • 阻止内容和按钮

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

请参阅here for mc:variant syntax.