msGallery ограниченный вывод превью

[kirilljsx]

Появилась задача сделать вывод превью под основной каруселью товаров до 3-х итемов.

Вот основной чанк tpl.msGallery, в моем случае он переделан, у вас он может выглядеть по дефолту.

<div class="product-slider productSticky">
  <div class="product-slider__slides">
    {if $files?} {foreach $files as $file}
    <img
      class="product-slider__image"
      src="{$file['url']}"
      alt="[[*pagetitle]]"
    />
    {/foreach} {/if}
  </div>
  <div class="product-slider__preview">
    <!-- Вот необходимый код для вывод превью -->
    {if $files && is_array($files)}
        {var $count = 0}
        {foreach $files as $file}
            {if $count < 3 && !empty($file['url'])}
                <img
                    class="product-slider__image-preview"
                    src="{$file['url']}"
                    alt="[[*pagetitle]]"
                />
                {var $count = $count + 1}
            {/if}
        {/foreach}
    {/if}
    <!-- Вот необходимый код для вывод превью -->
  </div>
  <button class="product-slider__btn product-slider__btn_prev">️</button>
  <button class="product-slider__btn product-slider__btn_next">️</button>
</div>

Что мы тут делаем, проверяем является ли $files массивов - {if $files && is_array($files)}, если все ок то далее создаем переменную {var $count = 0} далее по стандарту используем метод перебор массива {foreach $files as $file}.

Далее делаем проверку на количество что бы переменная$count не была больше 3-х
{if $count < 3 && !empty($file['url'])}
При при каждой итерации (перебор массива) прибавляем значение переменной {var $count = $count + 1}

Вот и все, теперь у нас в превью под основной каруселью будет выводиться максимум 3.

[Алекс44]

А что если в массиве меньше трёх изображений? Не сломается ли вёрстка из-за пустых элементов? Может стоит добавить проверку на минимальное количество?

[Ванек]

В текущем коде если изображений меньше трёх - просто выведутся все имеющиеся. Цикл остановится сам, когда массив закончится. Пустых элементов не будет - проверка !empty($file[‘url’]) отсечет битые ссылки.

[Василий]

Почему бы не использовать array_slice для обрезки массива сразу? Был бы код короче: {foreach array_slice($files, 0, 3) as $file} и не нужна переменная $count.

[Wowk]

вариант с array_slice действительно элегантнее, но не все шаблонизаторы поддерживают PHP-функции напрямую. В ModX часто приходится работать с синтаксисом Fenom, где такие трюки не всегда проходят.

[Алекс44]

Теперь понял логику и буду использовать такой же подход для лимитирования вывода новостей в сайдбаре. Только переменную $count нужно будет обнулять перед каждым новым блоком.