Skip to content

CMS

WordPress, Joomla, MODX, Headelss CMS, Payload CMS, NodeBB! Создание сайтов, темы, плагины, SEO-оптимизация, безопасность, интеграция с API. Решайте ошибки, делитесь лайфхаками, изучайте обновления. Помощь новичкам и экспертные кейсы.

7 Topics 7 Posts

Subcategories


  • Обсуждайте WordPress: от создания сайтов до продвинутых тем! Разработка тем и плагинов, SEO-оптимизация, безопасность, работа с WooCommerce и Elementor. Решайте ошибки, делитесь лайфхаками, изучайте обновления WordPress 6.0+. Помощь новичкам, обмен опытом между разработчиками и веб-мастерами. Актуальные гайды, тренды и лучшие практики.

    0 0
    0 Topics
    0 Posts
    No new posts.
  • Обсуждайте MODX: от основ до продвинутых тем! Создание сайтов, шаблоны, плагины, безопасность, API, оптимизация. Решайте ошибки, делитесь лайфхаками, изучайте MODX 3.0+. Помощь новичкам и экспертные кейсы. Актуальные гайды, тренды.

    7 7
    7 Topics
    7 Posts
    kirilljsxK
    [image: 1756205636824-%D1%81%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2025-08-26-%D0%B2-13.53.45.png] Появилась задача сделать вывод превью под основной каруселью товаров до 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.
  • Обсуждайте NodeBB: создание современных форумов, кастомизация тем и плагинов, интеграция с Node.js, MongoDB/Redis. Решайте вопросы безопасности, SEO, оптимизации. Делитесь лайфхаками, изучайте обновления и лучшие практики. Помощь новичкам и экспертные решения. Присоединяйтесь к активному open-source сообществу!

    0 0
    0 Topics
    0 Posts
    No new posts.