Question

我正在尝试为mj-carousel建立一个for循环。无法正常工作。 mjml支持吗？

我已经尝试过在mj-carousel内放入循环

        <mj-carousel icon-width="34px">
          {% for item in var:order.items %}
          <mj-carousel-image alt="{{item.name}}" title="{{item.name}}" thumbnails-src="{{item.image}}" src="{{item.md_image}}" href="{{var:cart_link}}" />
           {% endfor %}
        </mj-carousel>

期望在order.items数组中为每个项目看到一个mj-carousel-image。

Answer 1

您确实可以在MJML中为转盘功能使用条件语句，但必须在<mj-carousel>标记之前使用条件。下面，我附上模板的快速示例以及Send API调用，以便尝试一下。

MJML中的模板示例

<mjml>
  <mj-body>
    <mj-section>
      <mj-column>
        {% for item in var:items %}
        <mj-carousel>
          <mj-carousel-image src="{{var:items.image1}}" />
          <mj-carousel-image src="{{var:items.image2}}" />
          <mj-carousel-image src="{{var:items.image3}}" />
        </mj-carousel>
        {% endfor %}
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>

发送API调用，vars部分

"Variables": {
"items": {
"image1":"https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg", 
"image2":"https://www.mailjet.com/wp-content/uploads/2016/09/3@1x.png", 
"image3":"https://www.mailjet.com/wp-content/uploads/2016/09/1@1x.png"
         }                        
             }

我希望这对您有所帮助。

我可以对MJ轮播使用for循环吗

1 个答案: