msGallery добавить атрибут для картинок

Использую стандартный miniShop2 и msGallery.

Планирую добавлять фотографии товаров, которые сделаны покупателями.
Для этого необходимо накладывать на картинку слой с пометкой: «Фотография добавлена покупателем»



В miniShop2 в описании картинки имеется поле «description». Планирую для фотографий клиентов в поле «description» добавить например слово «client»


В чанк tpl.msGallery добавить условие
{if {$file['description'] ?}
<div class="photoclient">Фотография добавлена покупателем</div>
{else}
{/if}

Но тут возникает проблема, следующая конструкция в чанке tpl.msGallery не работает.
{foreach $files as $file}
    <a href="{$file['url']}" target="_blank">
        
            {if {$file['description'] ?}
                <div class="photoclient">Фотография добавлена покупателем</div>
            {else}
            {/if}
        
        <img src="{$file['small']}" alt="" title="" class="img-responsive">
    </a>
 {/foreach}


Все что вне тега img игнорируется.
Владимир Тельнов
08 мая 2020, 19:32
modx.pro
98
0

Комментарии: 4

Баха Волков
08 мая 2020, 23:06
+1
{if $file['description']?}
    <div class="photoclient">Фотография добавлена покупателем</div>
{/if}
    Владимир Тельнов
    08 мая 2020, 23:10
    0
    Этот вариант не будет работать.
    fotorama вырезает все кроме IMG
      Баха Волков
      08 мая 2020, 23:17
      +1
      Ну прости меня, манна кончилась, не смог заэкстрасенсить что у тебя fotorama.

      1. У тебя ошибка в синтаксисе шаблонизатора fenom, на которую я тебе указал, вот так вот, как ты пишешь, ломается парсер:
        {if {$file['description'] ?}
            <div class="photoclient">Фотография добавлена покупателем</div>
            {else}
        {/if}
      2. Пойду за тебя в документацию fotorama и узнаю что оказывается есть атрибут data-action для твоей задачи

      Еще раз прости.
        Владимир Тельнов
        09 мая 2020, 00:07
        0
        Спасибо. Помогло. Разобрался.

        Вот так работает вроде ок.
        <div id="msGallery">
            {if $files?}
                <div class="fotorama"
                     data-nav="thumbs"
                     data-thumbheight="80"
                     data-thumbwidth="80"
                     data-width="953"
                     data-allowfullscreen="false"
                     data-loop="true"
                     data-swipe="true"
                     data-autoplay="900000">
                    
        
                    {foreach $files as $file}
                    
                                    
                        <a href="{$file['url']}" target="_blank" data-caption="{if $file['description'] == 'client'}Фотография добавлена покупателем{/if}">
                              <img src="{$file['small']}" alt="" title="" class="img-responsive">
                        </a>
                    {/foreach}
                    
                </div>
            {else} 
                 <img src="{('assets_url' | option) ~ 'components/minishop2/img/web/ms2_medium.png'}"
                     srcset="{('assets_url' | option) ~ 'components/minishop2/img/web/ms2_medium@2x.png'} 2x"
                     alt="" title=""/> 
            {/if}
        </div>
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    4