Фотография во всплывающем окне - Дизайн и оформление

Здравствуйте,

Имеется магазин на JShopping. В карточке товара при нажатии на главное изображение оно открывается просто в новой вкладке.

Как сделать, чтобы изображение открывалось в окне?

Joomla! 3.10.2
JoomShopping 4.18.4

привет.
у тебя в шаблоне код js запускается раньше, чем грузится jquery

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

привет.
у тебя в шаблоне код js запускается раньше, чем грузится jquery

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

Код

    jQuery("a.lightbox").lightBox({
        imageLoading: "http://yarmak.ml/components/com_jshopping/images/loading.gif",
        imageBtnClose: "http://yarmak.ml/components/com_jshopping/images/close.gif",
        imageBtnPrev: "http://yarmak.ml/components/com_jshopping/images/prev.gif",
        imageBtnNext: "http://yarmak.ml/components/com_jshopping/images/next.gif",
        imageBlank: "http://yarmak.ml/components/com_jshopping/images/blank.gif",
        txtImage: "Изображение",
        txtOf: "из"
    });
}
jQuery(function() { initJSlightBox(); });
	window.addEvent('domready', function(){
						$$('dl#detailtabs.tabs').each(function(tabs){
							new JTabs(tabs, {"onActive": function(title, description) {
                           jQuery(description).fadeIn('fast');
                           jQuery(title).removeClass('closed');
                           jQuery(title).addClass('open');
                       },"titleSelector": "dt.tabs","descriptionSelector": "dd.tabs","useStorage": true});
						});
					});

спасибо большое.
попробую.

чота я не совсем понял.
подключение jquery в шапке стоит выше чем указанный скрипт

<script src="/media/jui/js/jquery.min.js?f133c05032c21f9f40ea765595ab7c6f" type="text/javascript"></script>

и потом уже скрипт lightbox

еще в подвале нашел jquery
пробовал jquery из подвала в шапку перенести - не помогло

пробовал переносить этот кусок кода в подвал после jquery - также не помогло

Как сделать, чтобы изображение открывалось в окне?

Отключить загрузку второго jquery
https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js

заработало!

единственное - сначала открывает в окне, а потом просто зум изображения предлагает.
глюк какой что ли.

плагин отключил и все стало хорошо 
спасибо всем за помощь!