Алексей

"files.associations": {
      "*.tpl": "html | modx | fenom"
    }

[[!GalleryAlbums?
&toPlaceholder=`GalleryAlbums`
&limit=`5`
&albumCoverSort=`rank`
&albumCoverSortDir=`DESC`
&prominentOnly=`1`
&rowTpl=`imageCategory`
&thumbWidth=`360`
&thumbHeight=`270`
]]

[[!Gallery?
&toPlaceholder=`Gallery`
&checkForRequestTagVar=`1`
&useCss=`0`
&containerTpl=`GalleryAlbumTpl`
&thumbTpl=`imageIndex`
&thumbWidth=`360`
&thumbHeight=`270`
&imageWidth=`1024`
&imageHeight=`768`
]]

[[+Gallery:isnot=``:then=`<p class="uk-margin uk-text-center"><a  onclick="javascript:history.back(); return false;"><< Вернуться к общему каталогу</a></p><div class="uk-child-width-1-4@m uk-child-width-1-1" uk-grid uk-lightbox>
[[+Gallery]]</div><p class="uk-margin uk-text-center"><a  onclick="javascript:history.back(); return false;"><< Вернуться к общему каталогу</a></p>`:else=`<div class="uk-child-width-1-3@m uk-child-width-1-1" uk-grid>[[+GalleryAlbums]]</div>`]]

<a href="[[~[[*id]]? &[[+albumRequestVar]]=`[[+id]]`]]" data-caption="[[+name]]" title="[[+name]]">
    <div>
        <div class="uk-card uk-card-default">
            <div class="uk-card-media-top uk-inline uk-transition-toggle">
                <img data-src="[[+image]]" width="360" height="270" alt="[[+name]]" uk-img>
                <div class="uk-transition-fade uk-position-cover uk-overlay uk-overlay-primary uk-flex uk-flex-center uk-flex-middle uk-light"></div>
                 <div class="uk-overlay uk-overlay-default uk-position-bottom">
                     <p>[[+name]]</p>
                 </div>
            </div>
        </div>
    </div>
</a>

<a href="[[+url:is=``:then=`[[+image]]`:else=`[[+url]]`]]" data-caption="[[+name]]" title="[[+name]]">
    <div>
        <div class="uk-card uk-card-default">
            <div class="uk-card-media-top uk-inline uk-transition-toggle">
                <img data-src="[[+thumbnail]]" width="360" height="270" alt="[[+name]]" uk-img>
                <div class="uk-transition-fade uk-position-cover uk-overlay uk-overlay-primary uk-flex uk-flex-center uk-flex-middle uk-light"><span class="uk-icon-button" uk-icon="icon: plus-circle; ratio: 2"></span></div>
                 <div class="uk-overlay uk-overlay-default uk-position-bottom">
                     <p>[[+name]]</p>
                 </div>
            </div>
        </div>
    </div>
</a>