Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dolor ipsum, ultrices ac dignissim feugiat, auctor vel eros. Proin condimentum, neque vitae eleifend pretium, mi arcu condimentum magna, sit amet placerat dui augue sed ante. Vivamus ac nisl libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vestibulum ullamcorper pretium.
Aenean posuere volutpat erat, vitae venenatis turpis bibendum eu. Aliquam at magna augue. Ut nulla nisl, gravida in facilisis a, posuere pulvinar diam. Ut non venenatis nisl. Vivamus at consequat leo. Proin pretium scelerisque pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ut vestibulum odio. Vestibulum ultricies felis euismod purus fringilla faucibus et vel ligula. In viverra neque justo, sit amet sodales purus. Praesent eleifend, est at volutpat dignissim, tortor nulla bibendum magna, in dapibus sem odio sit amet neque. Duis dapibus pulvinar lobortis. Etiam malesuada accumsan libero a cursus. Ut suscipit, justo eu mollis rhoncus, erat nisl vulputate felis, vitae sagittis tellus tellus nec arcu.
ЗакрытьLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dolor ipsum, ultrices ac dignissim feugiat, auctor vel eros. Proin condimentum, neque vitae eleifend pretium, mi arcu condimentum magna, sit amet placerat dui augue sed ante. Vivamus ac nisl libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vestibulum ullamcorper pretium.
Aenean posuere volutpat erat, vitae venenatis turpis bibendum eu. Aliquam at magna augue. Ut nulla nisl, gravida in facilisis a, posuere pulvinar diam. Ut non venenatis nisl. Vivamus at consequat leo. Proin pretium scelerisque pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ut vestibulum odio. Vestibulum ultricies felis euismod purus fringilla faucibus et vel ligula. In viverra neque justo, sit amet sodales purus. Praesent eleifend, est at volutpat dignissim, tortor nulla bibendum magna, in dapibus sem odio sit amet neque. Duis dapibus pulvinar lobortis. Etiam malesuada accumsan libero a cursus. Ut suscipit, justo eu mollis rhoncus, erat nisl vulputate felis, vitae sagittis tellus tellus nec arcu.
Нажимайте одну из кнопок, чтобы управлять движущимися блоками: Z, X, C, V, пробел, левая кнопка мыши. Если кнопки не работают, щелкните левой кнопкой мыши внутри окна с тетрисом, чтобы установить фокус на окно.
Вы также можете открыть игру в отдельном окне (напр., если игра «тормозит»)
Если Вы установили демо-версию модуля и демонстрационный режим истек, но Вы не успели попробовать модуль в работе, сообщите об этом нам, мы можем повторно включить демо-режим. В общем случае, для сброса демо-режима нужно выполнить следующие указания:
создать рез. копию сайта, хотя бы базы данных,
деинсталлировать модуль,
стереть данный модуль с сайта (соотв. опция доступна в списке модулей),
выполнить SQL-запрос (в админке на соотв. странице в разделе "Инструменты": Административный раздел - Настройки - Инструменты - SQL-запрос):
DELETE FROM `b_option` WHERE `MODULE_ID`='webdebug.popup';
сообщить нам (укажите адрес сайта и владельца лицензии) для удаления нами упоминаний об использовании демо на Вашем сайте,
после нашего ответа повторно установить модуль из Маркетплейс .
Если после установки модуля в списке компонентов (в визуальном редакторе) не появился компонент, необходимо сбросить кеш компонентов:
<?if(CModule::IncludeModule('webdebug.popup')):?> <?CWD_Popup::Init(true);?> <?$arPopup = array( 'ID' => 'test', 'NAME' => 'Проверка', 'WIDTH' => '420', 'CLOSE' => 'Y', 'APPEND_TO_BODY' => 'Y', 'CLASSES' => array('wd_popup_style_05'), 'LINK_TO' => '', 'AUTOOPEN' => 'Y', 'AUTOOPEN_DELAY' => '500', 'AUTOOPEN_ONCE' => 'Y', 'AUTOOPEN_TERM' => '365', 'AUTOOPEN_PATH' => 'N', );?> <?=CWD_Popup::BeginEx($arPopup);?> <p>Проверка</p> <?=CWD_Popup::EndEx();?> <?endif?>
<script> function ShowFastPreview(PopupWindow, PopupContent, Link){ var ProductID = Link.attr('data-id'); $.ajax({ url: 'здесь URL к файлу с быстрым просмотром', type: 'GET', data: 'product_id='+ProductID, success: function(HTML) { $(PopupContent).html(HTML); } }); } </script>
<? define('NO_KEEP_STATISTIC', true); define('NOT_CHECK_PERMISSIONS', true); define('PUBLIC_AJAX_MODE', true); require($_SERVER['DOCUMENT_ROOT'].'/bitrix/modules/main/include/prolog_before.php'); $ProductID = IntVal($_GET['product_id']); тут код компонента карточки товара ?>
<script> function WD_UpdateForm(Form, PopupContent) { $.ajax({ url: Form.attr('action'), type: Form.attr('method'), data: Form.serialize() + '&submit=Y&ajax_form=Y', success: function(HTML) { PopupContent.html(HTML); } }); } function popup_feedback_open(PopupWindow, PopupContent, Link){ PopupContent.delegate('form','submit',function(Event){ Event.preventDefault(); WD_UpdateForm($(this),PopupContent); }); } </script>
<?if(CModule::IncludeModule('webdebug.popup')){CWD_Popup::Init(true);}?>
if(CModule::IncludeModule('webdebug.popup')){CWD_Popup::Init(true);}
Данная опция означает, что к всплывающему окну при открытии страницы сайта будет применен CSS-стиль display:none, что означает, что окна как будто и нет. По умолчанию же вместо этого используется visibility:hidden, определяющее, что окно скрыто, но при этом Flash-содержимое не "считает", что окно скрыто, и показывает контент даже закрытого окна.
Также это означает, что после закрытия всплывающего окна к нему будет также применен стиль display:none, с целью предотвратить проигрывание видео в фоне даже после закрытия страницы.
function my_popup_create(PopupWindow, PopupContent, Link) { // Эта конструкция создает постоянный обработчик, который перехвачивает событие submit и сам отправляет данные $(document).on('submit','#'+PopupWindow.attr('id')+' form',function(){ WD_Popup_AJAX(PopupContent, '/popup.php', $(this).serialize(), function(res){PopupContent.fadeTo(200,0,function(){$(this).html(res).fadeTo(200,1);});}); return false; }); // Эта функция делает первоначальный AJAX-запрос для получения контента окна WD_Popup_AJAX(PopupContent, '/popup.php', '', function(res){PopupContent.fadeTo(200,0,function(){$(this).html(res).fadeTo(200,1);});}); }
Не забудьте, что в получаемом контент должна быть HTML-форма с лежащим внутри сабмиттом (или отправляемая программно).
<?if(CModule::IncludeModule('webdebug.popup')):?> <?CWD_Popup::Init(true);?> <?$arPopup = array( 'ID' => 'callme', 'NAME' => 'Заказ обратного звонка!', 'WIDTH' => '400', 'CALLBACK_OPEN' => 'popup_callme_open', 'CLASSES' => array('wd_popup_style_01'), 'LINK_TO' => 'a.callme', 'APPEND_TO_BODY'=>'Y' );?> <?=CWD_Popup::BeginEx($arPopup);?> <div>Здесь любой контент формы</div> <?=CWD_Popup::EndEx();?> <?endif?>
Далее остается только создать на странице ссылку с классом "callme":
<a href="#" class="callme">Заказать обратный звонок</a>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dolor ipsum, ultrices ac dignissim feugiat, auctor vel eros. Proin condimentum, neque vitae eleifend pretium, mi arcu condimentum magna, sit amet placerat dui augue sed ante. Vivamus ac nisl libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vestibulum ullamcorper pretium.
Aenean posuere volutpat erat, vitae venenatis turpis bibendum eu. Aliquam at magna augue. Ut nulla nisl, gravida in facilisis a, posuere pulvinar diam. Ut non venenatis nisl. Vivamus at consequat leo. Proin pretium scelerisque pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ut vestibulum odio. Vestibulum ultricies felis euismod purus fringilla faucibus et vel ligula. In viverra neque justo, sit amet sodales purus. Praesent eleifend, est at volutpat dignissim, tortor nulla bibendum magna, in dapibus sem odio sit amet neque. Duis dapibus pulvinar lobortis. Etiam malesuada accumsan libero a cursus. Ut suscipit, justo eu mollis rhoncus, erat nisl vulputate felis, vitae sagittis tellus tellus nec arcu.
ЗакрытьLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dolor ipsum, ultrices ac dignissim feugiat, auctor vel eros. Proin condimentum, neque vitae eleifend pretium, mi arcu condimentum magna, sit amet placerat dui augue sed ante. Vivamus ac nisl libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vestibulum ullamcorper pretium.
Aenean posuere volutpat erat, vitae venenatis turpis bibendum eu. Aliquam at magna augue. Ut nulla nisl, gravida in facilisis a, posuere pulvinar diam. Ut non venenatis nisl. Vivamus at consequat leo. Proin pretium scelerisque pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ut vestibulum odio. Vestibulum ultricies felis euismod purus fringilla faucibus et vel ligula. In viverra neque justo, sit amet sodales purus. Praesent eleifend, est at volutpat dignissim, tortor nulla bibendum magna, in dapibus sem odio sit amet neque. Duis dapibus pulvinar lobortis. Etiam malesuada accumsan libero a cursus. Ut suscipit, justo eu mollis rhoncus, erat nisl vulputate felis, vitae sagittis tellus tellus nec arcu.
ЗакрытьLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dolor ipsum, ultrices ac dignissim feugiat, auctor vel eros. Proin condimentum, neque vitae eleifend pretium, mi arcu condimentum magna, sit amet placerat dui augue sed ante. Vivamus ac nisl libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vestibulum ullamcorper pretium.
Aenean posuere volutpat erat, vitae venenatis turpis bibendum eu. Aliquam at magna augue. Ut nulla nisl, gravida in facilisis a, posuere pulvinar diam. Ut non venenatis nisl. Vivamus at consequat leo. Proin pretium scelerisque pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ut vestibulum odio. Vestibulum ultricies felis euismod purus fringilla faucibus et vel ligula. In viverra neque justo, sit amet sodales purus. Praesent eleifend, est at volutpat dignissim, tortor nulla bibendum magna, in dapibus sem odio sit amet neque. Duis dapibus pulvinar lobortis. Etiam malesuada accumsan libero a cursus. Ut suscipit, justo eu mollis rhoncus, erat nisl vulputate felis, vitae sagittis tellus tellus nec arcu.
ЗакрытьLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dolor ipsum, ultrices ac dignissim feugiat, auctor vel eros. Proin condimentum, neque vitae eleifend pretium, mi arcu condimentum magna, sit amet placerat dui augue sed ante. Vivamus ac nisl libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vestibulum ullamcorper pretium.
Aenean posuere volutpat erat, vitae venenatis turpis bibendum eu. Aliquam at magna augue. Ut nulla nisl, gravida in facilisis a, posuere pulvinar diam. Ut non venenatis nisl. Vivamus at consequat leo. Proin pretium scelerisque pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ut vestibulum odio. Vestibulum ultricies felis euismod purus fringilla faucibus et vel ligula. In viverra neque justo, sit amet sodales purus. Praesent eleifend, est at volutpat dignissim, tortor nulla bibendum magna, in dapibus sem odio sit amet neque. Duis dapibus pulvinar lobortis. Etiam malesuada accumsan libero a cursus. Ut suscipit, justo eu mollis rhoncus, erat nisl vulputate felis, vitae sagittis tellus tellus nec arcu.
Закрыть<?if(CModule::IncludeModule('webdebug.popup')):?> <?CWD_Popup::Init(true);?> <?$arPopup = array( 'ID' => 'add2cart', 'NAME' => 'Товар добавлен в корзину', 'WIDTH' => '420', 'CLOSE' => 'Y', 'APPEND_TO_BODY' => 'N', 'CLASSES' => array('wd_popup_style_02'), 'LINK_TO' => 'a.add2cart_popup', );?> <?=CWD_Popup::BeginEx($arPopup);?> <p>Товар добавлен в корзину!</p> <?=CWD_Popup::EndEx();?> <?endif?> |
Пример использования API-способа подключения всплывающего окна:
<?if(CModule::IncludeModule('webdebug.popup')):?> <?CWD_Popup::Init(true);?> <?$arPopup = array( 'ID' => 'add2cart', 'NAME' => 'Товар добавлен в корзину', 'WIDTH' => '420', 'CLOSE' => 'Y', 'APPEND_TO_BODY' => 'N', 'CLASSES' => array('wd_popup_style_02'), 'LINK_TO' => 'a.add2cart_popup', );?> <?=CWD_Popup::BeginEx($arPopup);?> <p>Товар добавлен в корзину!</p> <?=CWD_Popup::EndEx();?> <?endif?>
Если Вы установили демо-версию модуля и демонстрационный режим истек, но Вы не успели попробовать модуль в работе, сообщите об этом нам, мы можем повторно включить демо-режим. В общем случае, для сброса демо-режима нужно выполнить следующие указания:
создать рез. копию сайта, хотя бы базы данных,
деинсталлировать модуль,
стереть данный модуль с сайта (соотв. опция доступна в списке модулей),
выполнить SQL-запрос (в админке на соотв. странице в разделе "Инструменты": Административный раздел - Настройки - Инструменты - SQL-запрос):
DELETE FROM `b_option` WHERE `MODULE_ID`='webdebug.popup';
сообщить нам (укажите адрес сайта и владельца лицензии) для удаления нами упоминаний об использовании демо на Вашем сайте,
после нашего ответа повторно установить модуль из Маркетплейс .
<?if(CModule::IncludeModule('webdebug.popup')):?> <?CWD_Popup::Init(true);?> <?$arPopup = array( 'ID' => 'callme', 'NAME' => 'Заказ обратного звонка!', 'WIDTH' => '400', 'CALLBACK_OPEN' => 'popup_callme_open', 'CLASSES' => array('wd_popup_style_01'), 'LINK_TO' => 'a.callme', 'APPEND_TO_BODY'=>'Y' );?> <?=CWD_Popup::BeginEx($arPopup);?> <div>Здесь любой контент формы</div> <?=CWD_Popup::EndEx();?> <?endif?>
Далее остается только создать на странице ссылку с классом "callme":
<a href="#" class="callme">Заказать обратный звонок</a>
function my_popup_create(PopupWindow, PopupContent, Link) { // Эта конструкция создает постоянный обработчик, который перехвачивает событие submit и сам отправляет данные $(document).on('submit','#'+PopupWindow.attr('id')+' form',function(){ WD_Popup_AJAX(PopupContent, '/popup.php', $(this).serialize(), function(res){PopupContent.fadeTo(200,0,function(){$(this).html(res).fadeTo(200,1);});}); return false; }); // Эта функция делает первоначальный AJAX-запрос для получения контента окна WD_Popup_AJAX(PopupContent, '/popup.php', '', function(res){PopupContent.fadeTo(200,0,function(){$(this).html(res).fadeTo(200,1);});}); }
Не забудьте, что в получаемом контент должна быть HTML-форма с лежащим внутри сабмиттом (или отправляемая программно).
Данная опция означает, что к всплывающему окну при открытии страницы сайта будет применен CSS-стиль display:none, что означает, что окна как будто и нет. По умолчанию же вместо этого используется visibility:hidden, определяющее, что окно скрыто, но при этом Flash-содержимое не "считает", что окно скрыто, и показывает контент даже закрытого окна.
Также это означает, что после закрытия всплывающего окна к нему будет также применен стиль display:none, с целью предотвратить проигрывание видео в фоне даже после закрытия страницы.
<?if(CModule::IncludeModule('webdebug.popup')){CWD_Popup::Init(true);}?>
if(CModule::IncludeModule('webdebug.popup')){CWD_Popup::Init(true);}
<script> function WD_UpdateForm(Form, PopupContent) { $.ajax({ url: Form.attr('action'), type: Form.attr('method'), data: Form.serialize() + '&submit=Y&ajax_form=Y', success: function(HTML) { PopupContent.html(HTML); } }); } function popup_feedback_open(PopupWindow, PopupContent, Link){ PopupContent.delegate('form','submit',function(Event){ Event.preventDefault(); WD_UpdateForm($(this),PopupContent); }); } </script>
<script> function ShowFastPreview(PopupWindow, PopupContent, Link){ var ProductID = Link.attr('data-id'); $.ajax({ url: 'здесь URL к файлу с быстрым просмотром', type: 'GET', data: 'product_id='+ProductID, success: function(HTML) { $(PopupContent).html(HTML); } }); } </script>
<? define('NO_KEEP_STATISTIC', true); define('NOT_CHECK_PERMISSIONS', true); define('PUBLIC_AJAX_MODE', true); require($_SERVER['DOCUMENT_ROOT'].'/bitrix/modules/main/include/prolog_before.php'); $ProductID = IntVal($_GET['product_id']); тут код компонента карточки товара ?>
<?if(CModule::IncludeModule('webdebug.popup')):?> <?CWD_Popup::Init(true);?> <?$arPopup = array( 'ID' => 'test', 'NAME' => 'Проверка', 'WIDTH' => '420', 'CLOSE' => 'Y', 'APPEND_TO_BODY' => 'Y', 'CLASSES' => array('wd_popup_style_05'), 'LINK_TO' => '', 'AUTOOPEN' => 'Y', 'AUTOOPEN_DELAY' => '500', 'AUTOOPEN_ONCE' => 'Y', 'AUTOOPEN_TERM' => '365', 'AUTOOPEN_PATH' => 'N', );?> <?=CWD_Popup::BeginEx($arPopup);?> <p>Проверка</p> <?=CWD_Popup::EndEx();?> <?endif?>
Если после установки модуля в списке компонентов (в визуальном редакторе) не появился компонент, необходимо сбросить кеш компонентов:
Внимание! Повторная установка в демо-режиме приведет к окончанию демо‑режима и невозможности использовать модуль.
Если Вы не успели попробовать модуль, напишите нам, мы поможем