Как можно вывести magnific popup в banner.tpl на созданной странице с нуля?

[viper92]

Всем привет.

Создал страницу в opencart для портфолио, подключил модуль для баннеров, чтобы заказчик мог сам туда заливать фото, но ему фотографии нужно чтобы при клике открывались в модальном окне как это сделано в magnific popup. 
Пытаюсь подключить его но безуспешно...
Всплывает модальное окно но без фото и при клике выдает ошибки в консоли - http://joxi.ru/KAgaEXkcX4Dyam

В контроллере уже не знаю что добавлять..

Скажите чего может не хватать? ссылка на страницу - http://sniper24.beget.tech/index.php?route=pages/works
opencart 2.3.0.2

<div class="row">
    <?php foreach ($banners as $banner) { ?>
        <div class="col-lg-3 col-md-3 col-sm-6">
            <div class="works-block thumbnails">
                <a class="thumbnail" href="<?php echo $banner['popup']; ?>"> 
                    <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['name']; ?>">
                </a>
            </div>
        </div>
    <?php } ?>
</div>          

<script type="text/javascript"><!--
    $(document).ready(function() {
        $('.thumbnails').magnificPopup({
                type:'image',
                delegate: 'a',
                gallery: {
                enabled:true
            },
            zoom: {
                enabled: true,
                duration: 300, // don't foget to change the duration also in CSS
                opener: function(element) {
                    return element.find('img');
            }
        }
        });
    });
//--></script>

 

[viper92]

Нашел ответ

[SiteMix]

15 часов назад, viper92 сказал:

Нашел ответ

А поделиться?

Кто-то с такой же проблемой найдёт эту тему, а решения нет...