Новости Joomla

Joomla Mail Templates tutorial. Видео

Шаблон Simple5u для Joomla 5

Шаблон предназначен для установки на CMS Joomla, поддерживает версии 4 и 5. Разработан на базе фреймворка Uikit 3, версия 3.23.1 (последняя на момент создания). Шаблон не включает в себя никаких модулей, компонентов или демо-контента.Мощный CSS/JS фреймворк Uikit 3 позволяет "из коробки" создавать необходимые элементы функционала и оформления. Полностью адаптивный дизайн.

Модуль WT JShopping Swiper.js carousel v.1.1.3

Бесплатный модуль слайдшоу товаров JoomShopping, использующий javascript библиотеку Swiper. Для работы необходимо установить плагин WT JSwiper, либо подключить swiper.js вручную самостоятельно.

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

Mick_20

  • Завсегдатай
  • 1025
  • 3 / 0
  • Что тут писать?
Фотография во всплывающем окне
« : 24.11.2021, 06:45:48 »
Здравствуйте,

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

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

Mick_20

  • Завсегдатай
  • 1025
  • 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

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

  • Завсегдатай
  • 1025
  • 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

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

Mick_20

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

draff

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

Mick_20

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

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

Mick_20

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

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

Автор Igorenia

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

Автор avduevsky

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

Автор SWoz

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

Автор Chumanju

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