fanсybox

Не за что.

Спасибо, попробую :)

В модалке я делаю ajax-подгрузкой галерею. Какой плагин модалки используете (fanbybox, lightgallery, magnific)?

Вызов

[[!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>`]]

imageCategory

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

imageIndex

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

А погуглить не пробовал?

в модалке предпочтительно

так точно… :) как?

Открываться должна на новой странице или в модальном окне?

Добрый день. Посмотрите, вот так надо? Галерея

Проект tsknnmgc.beget.tech

Modx Gallery. Блок на главной — «ГАЛЕРЕЯ НАШИХ РАБОТ» содержит некоторое количество альбомов, внутри которых фотографии. Если выводить стандартным чанком «galAlbumRowWithCoverTpl», то выводятся заглавные картинки альбомов.

А как сделать при клике на альбом, чтобы открывалась галерея с фотографиями (содержимым альбома)…? не понимаю… Сейчас ссылка в чанке на это выглядит так..

<a href="[[+url:is=``:then=`[[+image]]`:else=`[[+url]]`]]" [[+link_attributes]]>
        [[+image:notempty=`<img src="[[+image]]" [[+cls:notempty=`class="[[+cls]]"`]] alt="[[+title]]" />`]]
    </a>

Как поменять ее в нужную сторону ?

После очистки так же, как и было.

Кэш браузера попробуй почистить

Да видел это. Думал кто-нибудь пример скинет наглядный

Тык

Добрый день! Подскажите, не получается установить, не может создать записи в БД… В чем может быть дело?

С кроном была ошибка HestiaCP, решилось перезапуском службы кронтаб.
По компоненту:
Панель настройки пресета открывается после второго нажатия на шестеренку.

Сама панель при открытии открывается так, что либо срыта верхняя планка с кнопками и возможностью перетаскивать, либо нижняя. Как минимум на экране 1366 на 768 пикселей.
Приходится все время масштабировать, закрывать и снова открывать, потом опять увеличивать чтобы достать кнопки.

При наборе названия поля, слишком быстро перескакивает список и трудно выбрать то поле, которое нужно. Самопроизвольно подставляются поля.

Спасибо

Нет, честно говоря, даже не представляю где этим можно воспользоваться.
В шаблонах использую возврат массива данных, что дает всю необходимую гибкость для работы

{var $files = '!msGallery' | snippet : [
                        'return' => 'data'
                    ]}
                    <div class="productPage__left gallery">
                        <div class="swiper gallery__top">
                            <div class="swiper-wrapper">
                                {if $files | length > 0}
                                    {foreach $files as $file}
                                        <div class="swiper-slide gallery__slide">
                                            <a data-fslightbox="product" href="{$file.url}" class="gallery__slide-link">
                                                <img src="{$file.big}" alt="" class="gallery__slide-image">
                                            </a>
                                        </div>
                                    {/foreach}
                                {/if}
                            </div>
                        </div>
                        {if $files | length > 1}
                            <div class="gallery__bottom">
                                <div class="swiper-wrapper">
                                    {foreach $files as $file}
                                        <div class="swiper-slide gallery__slide">
                                            <img src="{$file.small}" alt="" class="gallery__slide-image">
                                        </div>
                                    {/foreach}
                                </div>
                            </div>
                        {/if}
                    </div>

Подскажите, есть пример вывода фото товара через msGallery json?