DAN

[Решено] Модальное окно

Рекомендуемые сообщения

DAN    65

Подскажите как сделать в описании товара ссылку на страницу сайта (статью), что бы она открывалась в модальном окне? OC 1.5.3.1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
EVMedvedev    210

Как обычно с помощью jQuery.dialog.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
DAN    65

Как обычно с помощью jQuery.dialog.

А пример не приведете, а то в script я туговат.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
EVMedvedev    210

А пример не приведете, а то в script я туговат.

Вообще конечно использование jQuery требует уверенного знания JS. А дока по диалогу здесь http://docs.jquery.com/UI/API/1.7.2/Dialog#demo

Или гугл как обычно. Примеров море.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
EVMedvedev    210

Кстати тот же fancybox или thickbox это разновидность диалогового окна для jQuery. Используется при отображении увеличенного изображения товара на странице товара.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
DAN    65

Кстати тот же fancybox или thickbox это разновидность диалогового окна для jQuery. Используется при отображении увеличенного изображения товара на странице товара.

Приведите пожалуйста пример с fancybox. Что писать перед ссылкой в статье, что бы fancybox сработал.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
EVMedvedev    210

Например если на этом форуме войти на страницу одного из модулей (вот первый попавшийся https://opencartforum.com/files/file/586-%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C-%D0%BE%D0%BF%D0%BB%D0%B0%D1%82%D1%8B-webmoney-wmb-%D0%B4%D0%BB%D1%8F-ocstore-153/) и кликнуть на картинку скриншота, то она появится в диалоговом окне, сделанном с помощью плагина thickbox к jQuery. Фэнсибокс просто немного облагороженная версия этого.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
DAN    65

Расскажите как сделать. Что писать перед ссылкой в статье, что бы fancybox работал.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
EVMedvedev    210

Описывать бесполезно, тем более что вы плохо разбираетесь в JS. Это пустая трата времени.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
miwany    5

Описывать бесполезно, тем более что вы плохо разбираетесь в JS. Это пустая трата времени.

Вот молодец, помог человеку! побольше бы таких умников!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
toporchillo    425

Для OpenCart 1.5.3, 1.5.4 будет

<a href="сцылка на статью" title="Заголовок" class="colorbox" rel="colorbox">Название сцылки</a>

Убедится, что на странице все подключено

<script type="text/javascript" src="catalog/view/javascript/jquery/colorbox/jquery.colorbox.js"></script>
<script type="text/javascript"><!--
$('.colorbox').colorbox({
	overlayClose: true,
	opacity: 0.5
});
//--></script>

На странице товара все подключено

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
gyurza2000    12

Я вот пытался онлайн консултанта WEBIM вывести в модальное окно - окно открывается, но внутри - error

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
LancX    3

А как сделать чтобы в Модальном окне открывалась внешняя ссылка? Вот как здесь http://torg34.ru/index.php?route=product/category&path=59_78 (Смотреть электронный каталог)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
LancX    3

Никто непоможет?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
toporchillo    425

До чего народ ленивый пошел. view source же есть!

   <script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.js"></script>
   <link rel="stylesheet" href="/catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen"/>
   <script>
    $(document).ready(function () {
	    $("a.fancybox").fancybox({
		    'width':1024,
		    'height':700,
		    'transitionIn':'elastic',
		    'transitionOut':'elastic',
		    'speedIn':600,
		    'speedOut':200,
		    'overlayColor':'#666',
		    'overlayShow':true
	    });
    });
   </script>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
afwollis    1 091
// http://www.jacklmoore.com/colorbox
$('#ctrl').click(function(){
// Called directly, without assignment to an element:
$.colorbox({href:"thankyou.html"});
});

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
LancX    3

Вставляю код скрипта подключения в header.tpl и потом ссылку в категории но  что-то модальное окно никак неполучается открывать. Что я делаю ни так?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
LancX    3

Мда. Помощи ждать видимо здесь нет смысла

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
surlan    0

До чего народ ленивый пошел. view source же есть!

    <script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.js"></script>
    <link rel="stylesheet" href="/catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen"/>
    <script>
	    $(document).ready(function () {
		    $("a.fancybox").fancybox({
			    'width':1024,
			    'height':700,
			    'transitionIn':'elastic',
			    'transitionOut':'elastic',
			    'speedIn':600,
			    'speedOut':200,
			    'overlayColor':'#666',
			    'overlayShow':true
		    });
	    });
    </script>

А как организовать закрытие? У меня всплывает сухое модальное окно без возможности закрытия.

Заранее спасибо.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость
Эта тема закрыта для публикации ответов.

  • Последние посетители   0 пользователей онлайн

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