Каталог решений

Покупка продления купона

Продолжительность:
Общая сумма:
0 руб.
Ваш запрос успешно отправлен!
Условия использования
Продлить
Продолжить покупки

Всплывающие окна

Руководство PDF Модуль предоставляет компонент с возможностью быстрого и удобного создания всплывающих окон. Внимание! Модуль позволяет разместить во всплывающем окне практически любое содержимое: форма обратной связи, форма заказа обратного звонка, форма "Задать вопрос", схема проезда (Яндекс или Google), таблица характеристик или подробное описание товара, калькулятор услуг, важное сообщение для пользователей (с возможностью показа пользователю только один раз), уведомление о добавлении товара в корзину, и др. Данный модуль позволяет мгновенно сделать на сайте любые всплывающие окна, в том числе: заказ обратного звонка, заказ услуг, дополнительная информация о товаре, формы с AJAX-загрузкой содержимого (AJAX-загрузка форм особенно полезна в борьбе со СПАМом), быстрый просмотр товаров, просмотр других сайтов во всплывающем окне. Компонент имеет несколько предопределенных схем оформления, которые можно легко менять. Компонент сам автоматически определяет наличие на странице подключенного jQuery, и при необходимости подключает его. Компонент имеет около двух десятков настроек, которые позволяют настроить все "под себя", которые также позволяют получить контроль над всплывающим окном с помощью JS-событий. Модуль имеет собственное API, позволяющее реализовать практически любую логику появления всплывающих окон. Информация по API опубликована в PDF-руководстве.

Всплывающие окна

Всплывающие окна

от Webdebug
Скриншоты
Описание

Технические данные

Опубликовано:
07.11.2013
Обновлено:
28.07.2017
Версия:
1.0.30
Установлено:
Более 1000 раз
Подходящие редакции:
«Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Эксперт», «Бизнес», «Корпоративный портал», «Холдинг»
Адаптивность:
Нет
Поддержка Композита:
Нет

Описание решения

Руководство PDF

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

Внимание! Модуль позволяет разместить во всплывающем окне практически любое содержимое:
  • форма обратной связи,
  • форма заказа обратного звонка,
  • форма "Задать вопрос",
  • схема проезда (Яндекс или Google),
  • таблица характеристик или подробное описание товара,
  • калькулятор услуг,
  • важное сообщение для пользователей (с возможностью показа пользователю только один раз),
  • уведомление о добавлении товара в корзину,
  • и др.

Данный модуль позволяет мгновенно сделать на сайте любые всплывающие окна, в том числе:
  • заказ обратного звонка,
  • заказ услуг,
  • дополнительная информация о товаре,
  • формы с AJAX-загрузкой содержимого (AJAX-загрузка форм особенно полезна в борьбе со СПАМом),
  • быстрый просмотр товаров, просмотр других сайтов во всплывающем окне.
Компонент имеет несколько предопределенных схем оформления, которые можно легко менять. Компонент сам автоматически определяет наличие на странице подключенного jQuery, и при необходимости подключает его.

Компонент имеет около двух десятков настроек, которые позволяют настроить все "под себя", которые также позволяют получить контроль над всплывающим окном с помощью JS-событий.

Модуль имеет собственное API, позволяющее реализовать практически любую логику появления всплывающих окон. Информация по API опубликована в PDF-руководстве.
Отзывы (7)
Обсуждения (45)
1 - 5 из 45
Что нового
1.0.30 (28.07.2017) Исправления в JS-коде.
1.0.29 (09.07.2016) Небольшие улучшения.
1.0.28 (29.02.2016) Исправлена ошибка с определением ширины всплывающего окна.
1.0.27 (26.02.2016) Исправлена ошибка HTML-валидации при использовании модуля.
1.0.26 (21.01.2016) Добавлена возможность отмены автоматического открытия всплывающего окна.
1.0.25 (20.05.2015) Исправление JS-скриптов модуля
1.0.24 (11.03.2015) Исправление ошибок
1.0.23 (01.03.2015) Добавлена возможность создавать фиксированные окна (которые всегда видны вне зависимости от прокрутки страницы), добавлена возможность выравнивать окна по вертикали относительно страницы (для обычных окон - только при открытии, для фиксированных - также при изменении размеров браузера), изменен суффикс имени файла включаемой области по умолчанию (было "inc", стало "popup").
1.0.22 (19.01.2015) Небольшое исправление функционала автооткрытия окна.
1.0.21 (18.01.2015) Небольшие исправления z-index для всплывающих окон.
1.0.20 (17.12.2014) Исправлена ошибка, из-за которой всплывающие окна иногда переставали открываться после открытия диалоговых окон Битрикс.
1.0.19 (06.12.2014) Исправление ошибок.
1.0.18 (09.11.2014) Добавлена возможность однократного автоматического открытия окна. Добавлено пять новых схем оформления всплывающих окон. Изменен механизм выбора классов/стилей окна в параметрах компонента. Исправлена ошибка, из-за которой автооткрытие срабатывало не в каждый раз.
1.0.17 (15.07.2014) Исправлены ошибки.
1.0.16 (14.07.2014) Изменены надписи на кнопках контекстной панели. Исправлены ощибки.
1.0.15 (11.07.2014) Улучшена работа функции WD_Popup_Open(ID)
1.0.14 (17.04.2014) Доработка модуля для работы на всех версиях jQuery, начиная с 1.4.4 (теперь не придется менять название функции с on() на live()), в т.ч. и последняя на сегодня версия - 2.1.0.
1.0.13 (04.04.2014) Исправление незначительной ошибки.
1.0.12 (03.04.2014) Добавлена возможность автоматического подключения клиентских CSS и JS-файлов. Исправление ошибок.
1.0.11 (24.03.2014) Исправление ошибок.
1.0.10 (24.03.2014) Доработан механизм закрытия всплывающих окон: функция WD_Popup_Close(ID) Добавлена функция открытия окна по ID: WD_Popup_Open(ID)
1.0.9 (24.03.2014) Улучшен механизм отмены кнопки закрытия: теперь при этом пропадает возможность закрыть окно клавишей Esc.
1.0.8 (15.03.2014) Исправлена ошибка связанная с опцией "Скрывать окно".
1.0.7 (18.12.2013) Исправлена небольшая ошибка в стилях, связанная с позиционированием.
1.0.6 (18.12.2013) Исправлена ошибка, при которой после закрытия окна с видео, оно продолжает работать в фоне.
1.0.5 (15.12.2013) Добавлена возможность скрытия окна для возможности отображения Flash и других элементов.
1.0.4 (15.12.2013) Исправление ошибки опции перемещения окна в тело страницы.
1.0.3 (13.12.2013) Большое обновление, добавляющее функционал автоматического открытия всплывающего окна при загрузке страницы. Обновление также добавляет опции задержки при открытии страницы, скрытия ссылки. Также добавлена возможность указывать callback при закрытия всплывающего окна, что может использоваться для механизма однократного показа всплывающего окна.
1.0.2 (13.12.2013) Исправлена ошибка, по которой без авторизации окошко иногда не открывалось (ошибка возникала, если не был определен объект BX с функцией ready()).
1.0.1 (12.11.2013) Исправлена ошибка, из-за которой всплывающие окна не появляются на версии jQuery 1.10.x, Исправлен z-index (по умолчанию) всплывающих окон со 101 на 1001, затемняющего фона - со 100 до 1000, Изменен шаблон по-умолчанию, В метод CWD_Popup::Init() добавлен параметр $Force, позволяющий добавлять на страницу необходимые CSS- и JS-файлы без объявления константы WD_POPUP_NEED_INCLUDE.
Установка
Руководство PDF

Установка стандартная. После установки появляется новый компонент "Всплывающее окно" в секции "Webdebug [Веб-дебаг]", необходимо разместить его на странице и настроить. Редактирование содержимого всплывающего окна осуществляется абсолютно аналогично компоненту "Включаемая область".

Установка без включаемой области (контент задается вручную, можно использовать на странице товара для вывода объемной информации, для показа окна после добавления товара в корзину и т.д. - практически применение безгранично):

Пример использования 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?>

Внимание! Если после установки на сайт, щелчок по ссылке затемняет фон сайта, но не открывает окошко, установите галочку для опции "Перемещать в BODY" (параметр «APPEND_TO_BODY»).
Поддержка
Задать вопрос в техническую поддержку Вы можете:
По телефону техническая поддержка не оказывается.
Вы можете скачать руководство в формате PDF.

Лицензионное соглашение

Другие решения разработчика

еще 22 решения

Решение добавлено в корзину

Перейдите в корзину и оформите заказ или продолжите покупки
Перейти в корзину
Продолжить покупки
Для установки данного решения необходимо указать адрес вашего сайта, на котором установлен 1С-Битрикс. Вам также потребуется авторизоваться на своем сайте под правами Администратора, чтобы продолжить установку.
Как установить дополнение