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

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

{$file['product_id'] | resource : 'pagetitle' | htmlent}

[[+pagetitle:replace=`"==& quot ;`]]
{$pagetitle | replace : '"' : '& quot ;'}

<?php
$str = $modx->stripTags($input);
$str = preg_replace("#([^=])\"([^\"]+)\"#", "\\1«\\2»", $str);
$arr1 = array(' & ', '"', '\'');
$arr2 = array(' & amp ; ', '& quot ;', '& apos ;');
return str_replace($arr1, $arr2, $str);

[[+pagetitle:filter]]
{$pagetitle | filter}

alt="{$pagetitle | e}"