Перейти к содержанию
DAN

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

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

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

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


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

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

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


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

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

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

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


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

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

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

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

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


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

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

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


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

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

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

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


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

Например если на этом форуме войти на страницу одного из модулей (вот первый попавшийся 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. Фэнсибокс просто немного облагороженная версия этого.

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


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

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

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


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

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

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


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

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

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

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


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

Для 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>

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

  • +1 3

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


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

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

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


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

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

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


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

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

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


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

До чего народ ленивый пошел. 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>

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


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

  • +1 1

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


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

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

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


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

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

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


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

До чего народ ленивый пошел. 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 пользователей онлайн

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

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.