Jump to content

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
// http://www.jacklmoore.com/colorbox
$('#ctrl').click(function(){
// Called directly, without assignment to an element:
$.colorbox({href:"thankyou.html"});
});

  • +1 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.