Jump to content

Recommended Posts

Модальное окно 2.х


Модальное окно 2.х


Описание

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

  • Таймер после загрузки страницы.
  • Клик по одному из элементов на странице
  • Наведение на один из элементов на странице

Контент модалки можно установить в настройках модуля.

Модальное окно так-же имеет следующие настройки

  • Выбор группы юзеров, которые увидят модальное окно
  • Эффект появление фона модалки. Доступно около 10 простых эффектов
  • Эффект появления самой модалки. Доступно около 10 простых эффектов
  • Время появление фона и время появление модалки
  • Событие о котором я упоминал выше
  • Максимальная ширина модального окна

Модальное окно адаптируется под различные мобильные устройства.

Демо

http://opencart-demo.ru/avaliability_indicator/

Окно выпадает спустя 3сек после загрузки главной страницы

Установка

  1. Перенести файлы с папки с вашей версией в корень сайта
  2. Зайти в модули и установить модуль
  3. Клиекнуть на редактирование модуля и создать новый подмодуль.
  4. Зайти в Дизайн > Макеты и установить модуль на желаемую страницу.

Совместимость

Работает на opencart & ocstore 2.1 и выше. Вплоть до 2.3.0.2


  • Добавил
  • Добавлено
    18.12.2016
  • Категория
  • Системные требования
  • Сайт разработчика
    http://cleanphp.ru
  • Старая цена
  • Метод активации
    Без активации
  • Ioncube Loader
    Нет
  • OpenCart
  • ocStore
  • OpenCart.Pro, ocShop

 

  • +1 1

Share this post


Link to post
Share on other sites

не было мысли сделать дополнительной возможности сбора мыл в модальном окне?

Share this post


Link to post
Share on other sites

не было мысли сделать дополнительной возможности сбора мыл в модальном окне?

есть куча сервисов сбора мыл. в модалку код виджета впилить и всё будет :)

  • +1 1

Share this post


Link to post
Share on other sites

есть куча сервисов сбора мыл. в модалку код виджета впилить и всё будет :)

ну так они же и генерируют и модалки при необходимости))

Share this post


Link to post
Share on other sites

ну так они же и генерируют и модалки при необходимости))

ну дак зачем это реализовать, если это уже сделано)

  • +1 1

Share this post


Link to post
Share on other sites

окон по клику можно делать сколько угодно?

Share this post


Link to post
Share on other sites

Можно ли сделать такое окно при попытке закрыть вкладку или покинуть страницу, но с вариантами опроса. Что то типа. Вы уже уходите. Подскажите что вам не понравилось. ну и три варианта ответа к примеру, высокая цена, плохой сайт и тд. при клике на который поисьмо отправляется админу с результатом.

 

Share this post


Link to post
Share on other sites
10 минут назад, Facebook сказал:

Можно ли сделать такое окно при попытке закрыть вкладку или покинуть страницу, но с вариантами опроса. Что то типа. Вы уже уходите. Подскажите что вам не понравилось. ну и три варианта ответа к примеру, высокая цена, плохой сайт и тд. при клике на который поисьмо отправляется админу с результатом.

 

при попытке уйти со страницы. есть модуль вот https://opencartforum.com/files/file/3378-ceplyaem-uhodyaschih-klientov/

но вот опрос, который идет Вам на мыло это уже самому нужно думать или нанимать человека на разработку

  • +1 1

Share this post


Link to post
Share on other sites

Несколько разных окон  на сайте можно настроить?

Edited by gomer777

Share this post


Link to post
Share on other sites
2 минуты назад, gomer777 сказал:

Несколько разных окон  на сайте можно настроить?

да

Share this post


Link to post
Share on other sites

Добрый день. Не подскажите, как сделать так, чтоб модальное окно открывалось при клике на элемент? 

Share this post


Link to post
Share on other sites
4 минуты назад, makssutra сказал:

Добрый день. Не подскажите, как сделать так, чтоб модальное окно открывалось при клике на элемент? 

смотрите селектор этого элемента. класс или айди в хтмл коде и добавляйте его в настройки

  • +1 1

Share this post


Link to post
Share on other sites
В 27.05.2017 в 20:40, kJlukOo сказал:

смотрите селектор этого элемента. класс или айди в хтмл коде и добавляйте его в настройки

Класс постоянно менялся. Спасибо. В итоге прописал html код в header.php ручками. 

Share this post


Link to post
Share on other sites

Можно ли показывать окно после наведения на кнопку закрыть вкладку? 

Share this post


Link to post
Share on other sites

Подскажите как настроить, у меня на карточке товара стоит модуль выбора ткани, как настроить, что бы при тапе на ткань открывался поп ап с увеличеной фото ткани, можно этот модуль так настроить?

Share this post


Link to post
Share on other sites
В 13.06.2017 в 21:54, shankara сказал:

Можно ли показывать окно после наведения на кнопку закрыть вкладку? 

у автора есть спец модуль 

 

 

Share this post


Link to post
Share on other sites
В 24.09.2017 в 23:04, nik123 сказал:

у автора есть спец модуль 

 

 

Этот модуль не подошел, поэтому интересовался в этой теме

Share this post


Link to post
Share on other sites

Поставил в схему на главной, но после сохранения, модалка в схеме пропадает.

Share this post


Link to post
Share on other sites
4 часа назад, Electronic сказал:

Поставил в схему на главной, но после сохранения, модалка в схеме пропадает.

а другие модули сохраняет в схеме?

Share this post


Link to post
Share on other sites
14 часов назад, kJlukOo сказал:

а другие модули сохраняет в схеме?

 

Другие модули сохраняет. При этом, когда в подмодуле модалки вношу данные и в самом низу статус остается "Отключено", то в схеме сохраняется. А если поставить статус "Включено", то при сохранении схемы модалка слетает.

Share this post


Link to post
Share on other sites
В 19.12.2016 в 02:03, kJlukOo сказал:

Модальное окно так-же имеет следующие настройки

  • Выбор группы юзеров, которые увидят модальное окно
  • Эффект появление фона модалки. Доступно около 10 простых эффектов
  • Эффект появления самой модалки. Доступно около 10 простых эффектов
  • Время появление фона и время появление модалки
  • Событие о котором я упоминал выше
  • Максимальная ширина модального окна

Подскажите, где редактируются эти настройки??

Share this post


Link to post
Share on other sites
28 минут назад, nik123 сказал:

Подскажите, где редактируются эти настройки??

в списке модулей есть этот модуль и там настройки внутри него

Share this post


Link to post
Share on other sites

День добрый, может уже сталкивались с проблемой:

 

При выводе этого модуля на шаблоне Coloring больше не работает всплывающая корзина и кнопка добавления в корзину.

Название какого поля нужно поменять, чтобы они не пересекались?

 

Искал похожие в .php контролере... но не потянул

Share this post


Link to post
Share on other sites

Часик в радость форумчане !

Подскажите от души, на ocStore 2.3.0.2.3 работать будет ?

И как потом его удалить полностью с сайта если не понадобится ?

P.S. С наступающим 2018:eek:

Заранее благодарен !

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By AlexDW
      300.00 руб
      Скачать/Купить дополнение


      Modal Window - окно с информацией / подтверждением
      Сделать окно с подтверждением возраста посетителя для доступа к сайту?
      Или предупредить покупателей о смене графика работы магазина в праздники?
      Модуль Modal Window позволяет создавать окна двух типов:
      Соглашение - окно не закроется пока пользователь не примет условия (либо отклонит их - тогда он будет перенаправлен по указанной в настройках ссылке)
      Информация - для оповещения посетителей о каком-либо событии, например изменении графика, переезде и тд (окно закроется по кнопке закрытия, по клику вне окна, по нажатию ESC)
      Окно показывается на всех страницах сайта и основано на скрипте Magnific Popup
      Доступны 3 режима показа окна:
      Cookie - окно будет показано один раз, до истечения срока действия куков
      Session Cookie - окно будет показано при каждой новой сессии (сессия сбрасывается после закрытия браузера)
      Тестовый режим - для отладки, окно будет показываться постоянно (также сбросит куки и сессии)
      Есть возможность выбора стилей окна, стили можно изменить под свой дизайн в файле modalwindow.css
      Демо Админка логин/пароль demo
      Особенности:
      - выбор типа окна - окно с подтверждением или окно с информацией
      - выбор способа показа окна - через Cookie, Session Cookie или в тестовом режиме
      - адаптация изображений по ширине окна
      - поддержка мультиязычности
      - поддержка HTML*
      - возможность выбора стилей окна
      - содержимое окна подгружается через AJAX
      - не создает дополнительных полей и таблиц в БД
      - совместим с Opencart / ocStore 1.5.3.x - 1.5.6.x
      - также совместим с Opencart / ocStore 1.5.0.x - 1.5.2.x (при обновлении jquery) **
      Версия модуля для движков 2.x доступна здесь
      Для работы модуля требуются:
      - VQMOD
      - Jquery версии 1.7.1 или выше (входит в состав opencart с версии 1.5.3.0)
      ** В Opencart версий 1.5.0.x - 1.5.2.x используется библиотека Jquery версии 1.6.1, модуль работает при ее замене на версию 1.7.1
      Во избежание недоразумений, перед приобретением модуля для этих версий рекомендуется сначала обновить библиотеку и убедиться в ее совместимости с вашим сайтом и уже имеющимися дополнениями.
      * Обратите внимание:
      Модуль выводит HTML-контент и поддерживает следующие теги: <p><br><span><h1><h2><h3><h4><h5><h6><img>
      Остальные теги игнорируются!
      Установка:
      Просто скопировать содержимое папки UPLOAD в каталог с установленным opencart.
      Потом зайти в Модули, установить и настроить Modal Window.
      Условия использования:
      Модуль распространяется по принципу "1 покупка = 1 домен +его поддомены".
      Для использования модуля на другом домене Вы должны приобрести еще одну копию модуля.
      Запрещается несанкционированное использование, копирование, перепродажа, передача модуля третьим лицам, а также иные способы распространения, в том числе в ознакомительных целях.
      Другие дополнения:
      -----------------------------
      CountryZone Manager - настройка стран и регионов
      OrderField - sku, mpn и фото товаров в заказе, корзине и письме
      AutoSearch 2x - живой поиск товаров для Opencart 2
      Attribute Tooltip - всплывающие описания атрибутов
      Добавил AlexDW Добавлено 22.12.2015 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика  
    • By Vice
      350.00 руб
      Скачать/Купить дополнение


      IWSPOPUP всплывающее окно с подпиской и выдачей купона
      Модуль IWSPOPUP - это модальное окно, всплывающее при загрузке сайта,
      с эффектом затемнения фона и возможностью управления временем появления.
      Есть возможность редактирования текста и вставки изображения.
      Модуль IWSPOPUP имеет следующие функции:
      Посетитель может оставить свой емаил для подписки на новости и получить код купона.
      Код купона указывается в настройках модуля.
      Удалять емаилы со списка подписчиков.
      Валидация емаилов подписчиков.
      Рассылка происходит с раздела Почтовая рассылка.
      Режим 18+ Позволяет добавить в окно 2 кнопки.
      Встроенный редактор
      Устанавливать задержку перед появлением модального окна
      Устанавливать продолжительность жизни cookie
      Совместимость:
      ocStore 2.1.0.1
      Opencart v2.1
      ocStore  2.3.0.2.1
      Opencart 2.3.0.2 (rs.6) Русская сборка
       
      Протестирован в браузерах:
      - Chrome 59.0.3071.86
      - FF 42.0
      - Opera 45.0
      Установка:
      Распаковать папку upload в корневую папку вашего сайта.
      Установите модуль IWSPOPUP в разделе модули. Настройки смотрите на скриншоте.
      В установщике дополнений OCMOD установите iwspopup.ocmod.xml.
      В Менеджере дополнений обновите кеш.
      В разделе Схемы выберите Главная и добавьте модуль.
      Установите в Группе пользователей разрешения на просмотр extension/module/iwspopup и marketing/iwspopup.
      Установите в Группе пользователей разрешения на внесение изменений extension/module/iwspopup и marketing/iwspopup.
      Для повторного появления модального окна почистите куки в браузере.
       
      Язык модуля: русский
      Демо
      Вы можете связаться с нами, если Вам потребуется помощь или изменения в этом модуле.
      В письме с вопросом укажите время, никнейм и место покупки модуля.
      http://www.izyum.name
      support@izyum.name
      Добавил Vice Добавлено 18.11.2015 Категория Модули Системные требования Сайт разработчика http://izyum.name Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.1 ocStore 2.3
      2.1 OpenCart.Pro, ocShop Обращение к серверу разработчика  
    • By progroman
      300.00 руб
      Скачать/Купить дополнение


      Попап авторизации Opencart 2
      Описание
      Модуль добавляет на страницу адаптивный попап для авторизации / регистрации.
      В случае успешного действия, авторизованный пользователь остается на той же странице, страница обновляется.
      Повышает юзабилити сайта, делает его использование более удобным.
      Модуль сделан на основе bootstrap, и не использует собственные css.
      Требования к хостингу
      PHP 5.3 и выше
      Установка
      Скопировать содержимые папки install из архива в корень сайта.
      Админка:
      Загрузить через Установщик приложений (Extension Installer) файл prlogin.ocmod.xml
      Проверить установку в Модификациях (Modifications), при необходимости нажать кнопку "Обновить", (если не работает, попробуйте нажать "Очистить" и потом "Обновить")
      Демо
      http://opencart.progroman.ru/demo/1/
      http://opencart.progroman.ru/demo/1/admin
      demo / demo
      Совместимость
      Opencart 2
      Для более ранних версий Opencart и OcStore есть модуль https://opencartforum.com/files/file/1801-всплывающие-окна-вход-и-регистрация/
      Добавил progroman Добавлено 15.04.2015 Категория Прочее Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.2
      2.1
      2.0 ocStore 2.2
      2.1 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
    • By krluch
      Привет.
      Решил сделать оформление заказа (Simple) в модальном окне. При нажатии "Купить" всплывает окно с сообщением отправки товара в корзину и кнопкой "Оформить", по клику на которую должно всплывать окно с оформлением заказа. Разработчик модуля сообщил, что так можно сделать при загрузки страницы в попапе.
      Вот я нарыл способ, но он не работает и очень нужна помощь или подсказка.
       
      Скрипт:
      <script src="jquery.tools.min.js"></script><!--Внешний скрипт--> <script> $(function() { $("a[rel]").overlay(function() { var wrap = this.getContent().find("div.wrap"); if (wrap.is(":empty")) { wrap.load(this.getTrigger().attr("href")); } }); }); </script> Стили:
      <link rel="stylesheet" type="text/css" href="overlay-minimal.css"/><!--Внешние css-стили--> <style> #overlay { background-image:url(transparent.png); color:#efefef; } div.wrap { height:441px; overflow-y:auto; } </style> Кнопка и всплывающий div:
      <a class="button button_cart" href="simplecheckout" rel="#overlay"> <button type="button">Оформить заказ</button> </a> <div class="overlay" id="overlay"> <div class="wrap"></div> </div>  
    • By progroman
      Описание
      Модуль добавляет на страницу адаптивный попап для авторизации / регистрации.
      В случае успешного действия, авторизованный пользователь остается на той же странице, страница обновляется.
      Повышает юзабилити сайта, делает его использование более удобным.
      Модуль сделан на основе bootstrap, и не использует собственные css.
      Требования к хостингу
      PHP 5.3 и выше
      Установка
      Скопировать содержимые папки install из архива в корень сайта.
      Админка:
      Загрузить через Установщик приложений (Extension Installer) файл prlogin.ocmod.xml
      Проверить установку в Модификациях (Modifications), при необходимости нажать кнопку "Обновить", (если не работает, попробуйте нажать "Очистить" и потом "Обновить")
      Демо
      http://opencart.progroman.ru/demo/1/
      http://opencart.progroman.ru/demo/1/admin
      demo / demo
      Совместимость
      Opencart 2
      Для более ранних версий Opencart и OcStore есть модуль https://opencartforum.com/files/file/1801-всплывающие-окна-вход-и-регистрация/
  • 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.