проблема с выводом фото товара на странице каталога

Добрый день.
Есть необходимость сделать вывод полноразмерного фото товара на странице каталога.

используется конструкция примерного вида:

<table class="table table-hover" id="gallery">

{foreach $list as $product}
<a href="{$product->getMainImage()->getUrl(1200, 1000,'xy')}" class="photo_catalog"><img src="{$product->getMainImage()->getUrl(50, 50,'xy')}" alt="{$image.title|default:"{$product.title} фото {$image@iteration}"}"></a>
{/foreach}

</table>

и вроде всё хорошо, но не работает как надо.
Кликая на первую фото на странице скрипт срабатывает и можно стрелками листать фото всех товаров. А если кликнуть на второе и любое последующее фото, то просто открывается фото в этом окне без обработки скриптом.

Не могу понять в чем дело, помогите люди добрые. Делаю всё вроде через стандартные встроенные в современную тему скрипты.

ps так же непонятно почему не работает стандартный класс rs-in-dialog, фон открывается, видно значёк загрузки и тут же закрывается...