0

Всем привет. Приходит массив с данными, Twig проходится по нему циклом и создаёт список с элементами. Как прописать условие, чтобы как только список заполнился 6 элементами, создавался новый список с ещё 6 элементами и т.д.? Пробовала зайти со стороны JS, обрезала массив, создавала элемент... Получилась гора кода, возможно, такое решение упростит дело, но не уверена, что это задача для шаблонизатора.

<ul class="clients__list">

  {% for item in items %}
  <li class="clients__list--item">
    <a href="{{ item.url }}"><img src="{{ item.img }}.{{ item.img_type }}" alt="{{ item.img_align }}" /></a>
  </li>
  {% endfor %}
</ul>

7
  • array_chunk сделайте входящему массиву и напишbте двойной цикл
    – teran
    21 ноя 2022 в 14:17
  • Можно я вас помучаю и попрошу пояснение) Пока до меня не дошло
    – Lina R
    21 ноя 2022 в 14:29
  • у вас входящий массив на N элементов. вам надо его вывести блоками по 6 элементов. Функция array_chunk разбивает массив на блоки нужной длины. Можете ее использовать для предварительной подготовки массива. Или вон в твиге есть batch-filter: for list in items|batch(6) выводим список, и потом for item in list выводим элементы
    – teran
    21 ноя 2022 в 14:40
  • Для наглядности пока задала 3 элемента, т.к. в массиве их всего 6. Итого отрисовалось 6 списков. Сможете ткнуть меня, что не так? {% for list in items|batch(3) %} {% for item in list %} <ul class="clients__list"> <li class="clients__list--item"> <a href="{{ item.url }}"><img src="{{ item.img }}.{{ item.img_type }}" alt="{{ item.name }}" /></a> </li> </ul> {% endfor %} {% endfor %}
    – Lina R
    21 ноя 2022 в 14:52
  • Нашла свою ошибку, спасибо за помощь!)
    – Lina R
    21 ноя 2022 в 14:57

1 ответ 1

0

Решение нашлось с помощью метода batch

  {% for list in items|batch(3) %}
    <ul class="clients__list">
      {% for item in list %}
        <li class="clients__list--item">
          <a href="{{ item.url }}"><img src="{{ item.img }}.{{ item.img_type }}" alt="{{ item.name }}" /></a>
        </li>
      {% endfor %}
    </ul>
  {% endfor %}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.