Могу ли я использовать для цикла для mj-карусели - PullRequest
Новая
       32

Могу ли я использовать для цикла для mj-карусели

0 голосов
/ 10 апреля 2019

Я пытаюсь создать цикл для mj-карусели. Не могу заставить его работать. Поддерживает ли mjml это?

Я уже пытался поставить петлю внутри mj-карусели 

        <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>

Ожидайте увидеть одно изображение mj-carousel для каждого элемента в массиве order.items.

1 Ответ

0 голосов
/ 11 апреля 2019

Вы действительно можете использовать условные операторы для функции карусели в MJML, дело в том, что вы должны использовать условие перед тегом <mj-carousel>.Ниже я прилагаю быстрый пример шаблона вместе с Send API Call, чтобы попробовать.

Пример шаблона в 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>

Send API Call, раздел 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"
         }                        
             }

Надеюсь, это поможетВы на этом.

...