Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 1434 Просмотров
*

Mick_20

  • Завсегдатай
  • 1005
  • 3 / 0
  • Что тут писать?
Здравствуйте,

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

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

Mick_20

  • Завсегдатай
  • 1005
  • 3 / 0
  • Что тут писать?
Re: Фотография во всплывающем окне
« Ответ #1 : 24.11.2021, 06:46:43 »
Joomla! 3.10.2
JoomShopping 4.18.4
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Фотография во всплывающем окне
« Ответ #2 : 24.11.2021, 07:55:24 »
привет.
у тебя в шаблоне код 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});
});
});
*

Mick_20

  • Завсегдатай
  • 1005
  • 3 / 0
  • Что тут писать?
Re: Фотография во всплывающем окне
« Ответ #3 : 25.11.2021, 16:03:57 »
привет.
у тебя в шаблоне код 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});
});
});

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

Mick_20

  • Завсегдатай
  • 1005
  • 3 / 0
  • Что тут писать?
Re: Фотография во всплывающем окне
« Ответ #4 : 25.11.2021, 16:10:58 »
чота я не совсем понял.
подключение jquery в шапке стоит выше чем указанный скрипт

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

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

*

Mick_20

  • Завсегдатай
  • 1005
  • 3 / 0
  • Что тут писать?
Re: Фотография во всплывающем окне
« Ответ #5 : 25.11.2021, 16:13:55 »
еще в подвале нашел jquery
пробовал jquery из подвала в шапку перенести - не помогло
*

Mick_20

  • Завсегдатай
  • 1005
  • 3 / 0
  • Что тут писать?
Re: Фотография во всплывающем окне
« Ответ #6 : 25.11.2021, 16:39:01 »
пробовал переносить этот кусок кода в подвал после jquery - также не помогло
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Фотография во всплывающем окне
« Ответ #7 : 25.11.2021, 17:48:42 »
Как сделать, чтобы изображение открывалось в окне?
Отключить загрузку второго jquery
https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js
*

Mick_20

  • Завсегдатай
  • 1005
  • 3 / 0
  • Что тут писать?
Re: Фотография во всплывающем окне
« Ответ #8 : 26.11.2021, 06:14:54 »
заработало!

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

Mick_20

  • Завсегдатай
  • 1005
  • 3 / 0
  • Что тут писать?
Re: Фотография во всплывающем окне
« Ответ #9 : 26.11.2021, 08:02:59 »
плагин отключил и все стало хорошо  ^-^
спасибо всем за помощь!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Текст в модальном окне

Автор Igorenia

Ответов: 0
Просмотров: 1437
Последний ответ 29.10.2013, 22:51:34
от Igorenia
Информация о товаре в модальном окне

Автор avduevsky

Ответов: 2
Просмотров: 1665
Последний ответ 11.02.2013, 22:22:17
от avduevsky
Корзина в выпадающем окне

Автор SWoz

Ответов: 2
Просмотров: 1671
Последний ответ 29.05.2012, 01:41:47
от SWoz
Фотография в материале

Автор Chumanju

Ответов: 3
Просмотров: 1400
Последний ответ 22.03.2012, 10:22:13
от Chumanju