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

1 246

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

Баха Волков

08 мая 2020, 23:06

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

Владимир Тельнов

08 мая 2020, 23:10

Этот вариант не будет работать.
fotorama вырезает все кроме IMG

Баха Волков

08 мая 2020, 23:17

Ну прости меня, манна кончилась, не смог заэкстрасенсить что у тебя fotorama.

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

Еще раз прости.

Владимир Тельнов

09 мая 2020, 00:07

Спасибо. Помогло. Разобрался.

Вот так работает вроде ок.

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

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.

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

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

Здесь упомянуты