Jump to content

Recommended Posts

Modal Window 2x - всплывающие окна с информацией / подтверждением


Modal Window 2x - всплывающие окна с информацией / подтверждением


Нужно вывести всплывающее окно с подтверждением от пользователя для доступа к сайту?

Или информировать посетителей о каком-то важном событии?

Модуль Modal Window 2x позволяет создавать окна двух типов:

Соглашение - окно не закроется пока пользователь не примет условия (либо отклонит их - тогда он будет перенаправлен по указанной в настройках ссылке)

Информация - для оповещения посетителей о каком-либо событии, например изменении графика, переезде и тд (окно закроется по кнопке закрытия, по клику вне окна, по нажатию ESC)

Окно показывается на всех страницах сайта и использует встроенный в Opencart 2.x Bootstrap

Доступны 3 режима показа окна:

Cookie - окно будет показано один раз, до истечения срока действия куков

Session Cookie - окно будет показано при каждой новой сессии (сессия сбрасывается после закрытия браузера)

Тестовый режим - для отладки, окно будет показываться постоянно (также сбросит куки и сессии)

Есть возможность выбора стилей окна, стили можно изменить под свой дизайн в файле modalwindow.css

Демо Админка логин/пароль demo

Особенности:

- выбор типа окна - окно с подтверждением или окно с информацией

- выбор способа показа окна - через Cookie, Session Cookie или в тестовом режиме

- адаптация изображений по ширине окна

- поддержка мультиязычности

- поддержка HTML*

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

- содержимое окна подгружается через AJAX

- не создает дополнительных полей и таблиц в БД

- совместим с ocStore / OCSHOP / Opencart 2.0.0.x - 2.3.0.2

- использует OCMOD и Bootstrap

* Обратите внимание:

Модуль выводит HTML-контент и поддерживает следующие теги: <p><br><span><h1><h2><h3><h4><h5><h6><img>

Теги <a> (ссылки) поддерживаются ТОЛЬКО для окна типа "Информация"

Остальные теги игнорируются!

Версия модуля для движков 1.5.x доступна здесь

Установка:

Загрузить архив modalwindow.ocmod.zip в Extension Installer (Менеджер дополнений) и обновить кэш модификаций.

Потом зайти в Модули, установить и настроить Modal Window 2X.

Если у вас не настроен FTP для загрузки архивов ocmod.zip - воспользуйтесь этим патчем

Условия использования:

Модуль распространяется по принципу "1 покупка = 1 домен +его поддомены".

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

Запрещается несанкционированное использование, копирование, перепродажа, передача модуля третьим лицам, а также иные способы распространения, в том числе в ознакомительных целях.

Другие дополнения:

-----------------------------

AutoField - генератор model, sku и других полей

OrderField - дополнительные поля в заказе, корзине и письме

AutoSearch 2x - быстрый поиск товаров для Opencart 2

Attribute Tooltip 2x - описание атрибутов в виде подсказок


  • Добавил
  • Добавлено
    02.12.2015
  • Категория
  • Системные требования
  • Сайт разработчика
  • Старая цена
  • Метод активации
  • Ioncube Loader
  • OpenCart
  • ocStore
  • OpenCart.Pro, ocShop

 

Share this post


Link to post
Share on other sites

Скажите а такое для 1.5.5.1.2 есть?

Share this post


Link to post
Share on other sites

пока нет

но судя по тому, что этот вопрос уже задавали - подумаю над адаптацией

Share this post


Link to post
Share on other sites

тогда и 1,5,2,1 тоже))

Share this post


Link to post
Share on other sites

Модуль обновлен до версии 1.01

- для информационных окон добавлена возможность показа футера с кнопкой закрытия

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

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

Share this post


Link to post
Share on other sites

типа заходишь на страницу утюга - и, бац! - тебе во весь экран всплывающее окно "это супер утюг, купи!!" ? :ugeek:

эффект будет противоположный, человек скорей уйдет с такого сайта

например я - сразу ухожу

 

хотите указать преимущества товара? - так и указывайте их прямо на странице через специально оформленные блоки, баннеры и тп

 

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

Share this post


Link to post
Share on other sites

А еще хуже,если уходишь со страницы утюга, а тебе - Постойте постойте,не уходите, мы вам еще дадим карандаш для чистки утюга!!! Как вы все-равно уходите? Тогда мы дадим 2 карандаша!!! Упс..

Фу!

Share this post


Link to post
Share on other sites

А еще хуже,если уходишь со страницы утюга, а тебе - Постойте постойте,не уходите, мы вам еще дадим карандаш для чистки утюга!!! Как вы все-равно уходите? Тогда мы дадим 2 карандаша!!! Упс..

Фу!

Да, фу, согласен

Но есть ненавязчивые информационные сообщения, но они никак не связаны с модальным открытием всплывающего окна  :)

Share this post


Link to post
Share on other sites

ладно ладно
закидали таБочками)
я к тому что есть такие кто на это клюнит и купит такая модуля с такая возможнастью)
Прост из коробки любые модали)
Хде ваши духи предпринимательства?))

Edited by AWARO

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

создаете свою тему в соответствующем разделе платных услуг, расписываете все в ТЗ и указываете бюджет

здесь подобное писать не нужно

не подробное, не понятно :ugeek:

но да ладно, вас понял, ухожу курить бамбук.

Share this post


Link to post
Share on other sites

Ваш модуль подходит для размещения соглашения и условий, с которыми пользователь должен согласится перед покупкой?

Т.е. можно вместо стандартной ссылки на соглашение сделать, чтобы оно открывалось во всплывающем окошке или есть более простые и подходящие решения и модули?

Edited by copypaste

Share this post


Link to post
Share on other sites
модуль подходит для размещения соглашения и условий, с которыми пользователь должен согласится перед покупкой?

несколько иначе - при заходе на сайт (при включенном модуле в режиме соглашения) у покупателя не будет доступа к сайту, пока он не подтвердит условия

 

вместо стандартной ссылки на соглашение сделать нельзя - окно показывается на всех страницах сайта

почитайте описание модуля внимательно

Share this post


Link to post
Share on other sites

Даешь на 1.5.5.1.2 -  перед новым годом нужно уведомить посетителей о графике работы ИМ на новогодние праздники

Share this post


Link to post
Share on other sites

Хотелось бы, чтобы модальное окно всплывало не сразу а при прокрутки вниз либо по таймеру. Всплывающее окно сразу при заходе на сайт как-то не очень есть гуд.

Share this post


Link to post
Share on other sites

Хотелось бы, чтобы модальное окно всплывало не сразу а при прокрутки вниз либо по таймеру. Всплывающее окно сразу при заходе на сайт как-то не очень есть гуд.

 

то есть, к примеру, если ваш магазин торгует резиновыми х@ми - дать сначала походить-повыбирать, и только потом вывести предупреждение? :-D

 

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

думаю, что подобное нужно выводить сразу

Share this post


Link to post
Share on other sites

то есть, к примеру, если ваш магазин торгует резиновыми х@ми - дать сначала походить-повыбирать, и только потом вывести предупреждение? :-D

И покупатель быстренько обложит "вас" этими же х@ями, за вашу навязчивость :-D

Share this post


Link to post
Share on other sites

в процессе

Как там процесс для 1.5.5.1.2.  :-) ?

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 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 RGB
      Скачать/Купить дополнение


      Бесплатные всплывающие уведомления Free Popup Cart (vqmod)
      Описание старой версии
      Что это и зачем это нужно
      Как многие знают, стандартное уведомление при добавлении товара в корзину является малозаметным, к тому же мельтешение экрана при автоматической прокрутке вверх раздражает многих покупателей (нарушается принцип ожидаемого результата, так как откуда покупателю знать, что экран крутится вверх для показа уведомления). Чтобы избавиться от этой проблемы, я у себя в магазине давно использовал простое решение с небольшим изменением стандартных функций, которым хочу поделится (вдруг кто не знает) и которое основано на использовании функциональности colorbox (идет в комплекте с движком начиная с версии 1.5.2.1 и вплоть до последней на сегодня).
      Аналогичным способом открываются превью картинок товара, так что грех не использовать то, что уже встроено в движок. Кроме того, такие же уведомления при добавлении товара в закладки и в сравнения, можно так же легко заменить с помощью этого дополнения. Все тестировалось на дефолтном шаблоне версии 1.5.4.1, должно работать на всех версиях, начиная с 1.5.2.1
      Если у вас более новая версия, чем 1.5.4.1, то возможная причина неработающих на главной уведомлений указана в теме поддержки.
      Как это работает
      Для появления уведомлений об успешном добавления товара в корзину, добавлении товара в закладки или в сравнения, используется практически одинаковый механизм. В этом простом дополнении стандартный механизм изменяется, используется вызов окна colorbox с нужными нам параметрами, например для всплывающего окна при добавлении товара в корзину:
      $.colorbox({width: '500px', transition: 'elastic', html: "<div class='free_popup_cart'>" + json['success'] + "<br /><a class='button' href='index.php?route=checkout/checkout'>Оформить заказ</a></div>", title:"" });   Соответственно в жизни это выглядит вот так (стандартный шаблон):

      Установка (vqmod)
      При использовании vqmod вся установка заключается в копировании содержимого папки upload, никакие файлы не должны быть перезаписаны. Если используется тема с названием отличным от default, советую поменять в xml-файле имя темы default на вашу тему в двух строчках
      <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />   и
      <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/free_popup_cart.css" />   Если у вас шаблон нестандартный и сильно изменен (или вы просто не хотите использовать vqmod), то лучше выполнить ручную установку.
      Ручная установка (без vqmod)
      В общем случае любое дополнение с vqmod можно установить без него, если выполнить все замены, указанные в xml-файле. Для этого дополнения нужно сделать несколько замен (* - имя вашей темы).
      0) Сделать резервные копии затрагиваемых файлов (catalog/view/theme/*/template/common/header.tpl, catalog/view/theme/*/template/product/product.tpl)
      1) В файле catalog/view/theme/*/template/common/header.tpl:
      После
      <script type="text/javascript" src="catalog/view/javascript/common.js"></script>   добавить
      <script type="text/javascript" src="catalog/view/javascript/free_popup_cart.js"></script>   Как вариант, можно не добавлять эту строчку, а перенести измененные функции (addToCart, addToWishList и addToCompare) из файла free_popup_cart.js в common.js
      И после
      <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />   добавить
      <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/free_popup_cart.css" />   2) В файле catalog/view/theme/*/template/product/product.tpl
      Найти начало функции
      $('#button-cart').bind('click', function() {   и заменить в ней это
      if (json['success']) { $('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>'); $('.success').fadeIn('slow'); $('#cart-total').html(json['total']); $('html, body').animate({ scrollTop: 0 }, 'slow'); }   на это
      if (json['success']) { $.colorbox({width: '500px', transition: 'elastic', html: "<div class='free_popup_cart'>" + json['success'] + "<br /><a class='button' href='index.php?route=checkout/checkout'>Оформить заказ</a></div>", title:"" }); $('#cart-total').html(json['total']); }   Не забудьте сохранить файл в кодировке UTF8, чтобы вместо квадратиков видеть русские буквы.
      3) Все готово!
      Если кто не знает, функциональность добавления в закладки можно изменить, сделав их доступными и без обязательной регистрации, что очень удобно. Решение предложено в теме на этом форуме.
      Добавил RGB Добавлено 16.07.2013 Категория Модули Системные требования Сайт разработчика https://mnmkr.com Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 1.5.4.1
      1.5.3.1 ocStore 1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет  
    • By RGB
      Описание старой версии
      Что это и зачем это нужно
      Как многие знают, стандартное уведомление при добавлении товара в корзину является малозаметным, к тому же мельтешение экрана при автоматической прокрутке вверх раздражает многих покупателей (нарушается принцип ожидаемого результата, так как откуда покупателю знать, что экран крутится вверх для показа уведомления). Чтобы избавиться от этой проблемы, я у себя в магазине давно использовал простое решение с небольшим изменением стандартных функций, которым хочу поделится (вдруг кто не знает) и которое основано на использовании функциональности colorbox (идет в комплекте с движком начиная с версии 1.5.2.1 и вплоть до последней на сегодня).
      Аналогичным способом открываются превью картинок товара, так что грех не использовать то, что уже встроено в движок. Кроме того, такие же уведомления при добавлении товара в закладки и в сравнения, можно так же легко заменить с помощью этого дополнения. Все тестировалось на дефолтном шаблоне версии 1.5.4.1, должно работать на всех версиях, начиная с 1.5.2.1
      Если у вас более новая версия, чем 1.5.4.1, то возможная причина неработающих на главной уведомлений указана в теме поддержки.
      Как это работает
      Для появления уведомлений об успешном добавления товара в корзину, добавлении товара в закладки или в сравнения, используется практически одинаковый механизм. В этом простом дополнении стандартный механизм изменяется, используется вызов окна colorbox с нужными нам параметрами, например для всплывающего окна при добавлении товара в корзину:
      $.colorbox({width: '500px', transition: 'elastic', html: "<div class='free_popup_cart'>" + json['success'] + "<br /><a class='button' href='index.php?route=checkout/checkout'>Оформить заказ</a></div>", title:"" });   Соответственно в жизни это выглядит вот так (стандартный шаблон):

      Установка (vqmod)
      При использовании vqmod вся установка заключается в копировании содержимого папки upload, никакие файлы не должны быть перезаписаны. Если используется тема с названием отличным от default, советую поменять в xml-файле имя темы default на вашу тему в двух строчках
      <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />   и
      <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/free_popup_cart.css" />   Если у вас шаблон нестандартный и сильно изменен (или вы просто не хотите использовать vqmod), то лучше выполнить ручную установку.
      Ручная установка (без vqmod)
      В общем случае любое дополнение с vqmod можно установить без него, если выполнить все замены, указанные в xml-файле. Для этого дополнения нужно сделать несколько замен (* - имя вашей темы).
      0) Сделать резервные копии затрагиваемых файлов (catalog/view/theme/*/template/common/header.tpl, catalog/view/theme/*/template/product/product.tpl)
      1) В файле catalog/view/theme/*/template/common/header.tpl:
      После
      <script type="text/javascript" src="catalog/view/javascript/common.js"></script>   добавить
      <script type="text/javascript" src="catalog/view/javascript/free_popup_cart.js"></script>   Как вариант, можно не добавлять эту строчку, а перенести измененные функции (addToCart, addToWishList и addToCompare) из файла free_popup_cart.js в common.js
      И после
      <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />   добавить
      <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/free_popup_cart.css" />   2) В файле catalog/view/theme/*/template/product/product.tpl
      Найти начало функции
      $('#button-cart').bind('click', function() {   и заменить в ней это
      if (json['success']) { $('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>'); $('.success').fadeIn('slow'); $('#cart-total').html(json['total']); $('html, body').animate({ scrollTop: 0 }, 'slow'); }   на это
      if (json['success']) { $.colorbox({width: '500px', transition: 'elastic', html: "<div class='free_popup_cart'>" + json['success'] + "<br /><a class='button' href='index.php?route=checkout/checkout'>Оформить заказ</a></div>", title:"" }); $('#cart-total').html(json['total']); }   Не забудьте сохранить файл в кодировке UTF8, чтобы вместо квадратиков видеть русские буквы.
      3) Все готово!
      Если кто не знает, функциональность добавления в закладки можно изменить, сделав их доступными и без обязательной регистрации, что очень удобно. Решение предложено в теме на этом форуме.
    • 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.