Zoom Gallery в miniShop2 2.4

Zoom галерея работала под магазином 2.2
tpl.msGallery.outer:

<div id="msGallery">
	<a href="[[+url]]" class="MagicZoomPlus big-img" id="Zoomer" rel="fancybox">
        <img src="[[+360x480]]" width="270" height="360" title="[[+pagetitle]]" id="mainImage"/>
    </a>
	<ul class="thumbnails">
		[[+rows]]
	</ul>
</div>

tpl.msGallery.row:

<li class="col-md-3">
	<a href="[[+360x480:default=`[[+url]]`]]" title="[[+name]]" rel="zoom-id:Zoomer" rev="[[+360x480]]" data-thumb="[[+160x220]]" data-image="[[+url]]" class="thumbnail">
    <img src="[[+160x220]]" alt="[[+name]]" title="[[+name]]"></a>       
</li>

В 2.4 изменил tpl.msGallery:

<div id="msGallery">
    {if $files?}
	<a href="{$file['360x480']}" class="MagicZoomPlus big-img" id="Zoomer" rel="fancybox">
        <img src="{$file['360x480']}" width="270" height="360" title="" id="mainImage"/>
    </a>
	<ul class="thumbnails">
            {foreach $files as $file}
                <li class="col-md-3">
                	<a href="{$file['url']}" title="" rel="zoom-id:Zoomer" rev="{$file['url']}" data-thumb="{$file['url']}" data-image="{$file['url']}" class="thumbnail">
                    <img src="{$file['160x220']}" alt="" title=""></a>       
                </li>
            {/foreach}
    </ul>
    {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>

Миниатюры отображаются. На месте большой картинки ничего нет. Но нажав на миниатюру все отображается нормально до следующей перезагрузки страницы.

{$file['360x480']} => {$files['0']['360x480']}