Сергей

{if $files?}
            {foreach $files as $file}
                    <picture>
                      <source srcset="{$file['webp250x250']}" type="image/webp">
                      <img class="lazyload"
                           data-src="{$file['webp250x250']}"
                           src="{$file['webp250x250']}"
                           alt="{$pagetitle | htmlent}">
                    </picture>
            {/foreach}
    {else}

    {/if}

{$_modx->runSnippet('pdoResources', [
     'tpl' => 'categoris',
     'depth' => '0',
     'limit' => '1000',
     'parents' => $_modx->resource.id,
     'where' => '{ "isfolder":1 }',
     'sortby'=>'{ "menuindex":"ASC" }',
 ])}

<div class="widget-element-wrap grid-item-5 grid-item-900-4 grid-item-700-3 grid-item-550-2 grid-item-350-1">
    <a href="{$uri}" class="category-block">
        <div class="category-image">
            {$_modx->runSnippet('ms2Gallery', [
                'resources' => $id,
                'limit' => 1,
                'tpl' => 'tpl.categori'
            ])}
        </div>
        <div class="category-title">
            {$pagetitle}
        </div>
    </a>
</div>

{if $files?}
            {foreach $files as $file}
                    <picture>
                      <source srcset="{$file['webp250x250']}" type="image/webp">
                      <img class="lazyload"
                           data-src="{$file['webp250x250']}"
                           src="{$file['webp250x250']}"
                           alt="[[+pagetitle]]">
                    </picture>
            {/foreach}
    {else}
            <picture>
              <source type="image/webp" srcset="assets/themes/img/noimage.webp">
                   <img src="" data-src="assets/themes/img/noimage.jpg" data-srcset="assets/themes/img/noimage.jpg" class="lazy"  alt="Нет изображения" width="300" height="300"/>
            </picture>
    {/if}