Jump to content
Sign in to follow this  
Valery332

Открытие модального окна после загрузи страницы

Recommended Posts

Добрый день. Открываю модальное окно после загрузки страницы, но нужно делать это спустя 10 секунд, подскажите как правильно.

<script>
  $(document).ready(function() {
    $("#feedbackModal77").modal('show');
  });
</script>

Добавлял .delay(10000), не хочет работать.

Share this post


Link to post
Share on other sites
setTimeout(function() {
    $("#feedbackModal77").modal('show');
}, 10000);

 

Share this post


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

Добрый день. Открываю модальное окно после загрузки страницы, но нужно делать это спустя 10 секунд, подскажите как правильно.

<script>
  $(document).ready(function() {
    $("#feedbackModal77").modal('show');
  });
</script>

Добавлял .delay(10000), не хочет работать.

<script>
  $(document).ready(function() {
setTimeout(function(){
  $("#feedbackModal77").modal('show');
}, 10000);
</script>

 

Share this post


Link to post
Share on other sites
On 12/9/2020 at 2:33 PM, niger said:
<script>
  $(document).ready(function() {
setTimeout(function(){
  $("#feedbackModal77").modal('show');
}, 10000);
</script>

 

Все заработало благодарю. Не сочтите за наглость может подскажете как еще сделать так:

- Показывать модалку только на двух страницах (главная и /index.php?route=information/information&information_id=9)

- Что-бы окно показывалось одному пользователю один раз за сеанс, а не каждый раз когда он заходит на новую страницу.

Share this post


Link to post
Share on other sites
On 12/9/2020 at 2:32 PM, AlexDW said:
setTimeout(function() {
    $("#feedbackModal77").modal('show');
}, 10000);

Все заработало благодарю. Не сочтите за наглость может подскажете как еще сделать так:

- Показывать модалку только на двух страницах (главная и /index.php?route=information/information&information_id=9)

- Что-бы окно показывалось одному пользователю один раз за сеанс, а не каждый раз когда он заходит на новую страницу.

 

Share this post


Link to post
Share on other sites

как вариант есть такое

 

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Similar Content

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


      Уведомления
      Уведомления это модуль, который позволяет создавать неограниченное количество модулей с различными наборами уведомлений в виде горизонтальной полосы или всплывающего окна.
       
      ❖ ПРЕИМУЩЕСТВО НАД ТЕМАТИЧЕСКИМИ МОДУЛЯМИ
          ➥ управление модулем выполнено на одной странице.
          ➥ редактирование параметров модуля выполняется без перезагрузки страницы.
          ➥ удобная система push уведомлений для панели управления модуля.
          ➥ возможность экспорта и импорта настроек модуля.
          ➥ возможность редактирования файла стилей модуля через панель управления модуля.
          ➥ возможность сжимать основной JS файл скриптов модуля.
          ➥ возможность создавать неограниченное количество модулей с набором уведомлений в виде горизонтальной полосы или всплывающего окна.
          ➥ модуль не содержит файлов, в которых код зашифрован или обфусцирован.
       
      ❖ НЕМНОГО О ЦИФРАХ
          ➥ в состав модуля входит свыше 127  файлов.
          ➥ общий размер файлов меньше 1.33Mb (без сжатия).
          ➥ модуль переведен на 3 языка (English, Украинский, Русский).
          ➥ свыше 80 параметров настройки модуля.
       
      ❖ СПИСОК ВОЗМОЖНОСТЕЙ
      ❏ Модуль
          ➥ доступно 2 вида отображения модулей: всплывающее окно и горизонтальная полоса.
          ➥ возможность стилизации всплывающего окна и полосы уведомлений.
          ➥ возможность ограничивать вывод модуля по диапазону дат.
          ➥ возможность создавать такие модули как: "согласие на обработку персональных данных", "подтверждение что есть 18 лет" и тд.
          ➥ возможность устанавливать ограничения для набора уведомлений: показывать только на выбранных товарах, показывать только на выбранных категориях, показывать только на выбранных брендах, показывать только на выбранных статьях, показывать только на пользовательских GET запросах или части URL в строке браузера.
      ❏ Другое
          ➥ поддержка multi-языков.
          ➥ поддержка multi-магазинов.
          ➥ поддержка RTL или LTR направление текста.
          ➥ модуль требует активацию лицензии.
       
      ❖ DEMO САЙТ
          ➥ Админка: demo / demo | Смотреть
          ➥ Каталог: Смотреть
       
      ❖ СОВМЕСТИМОСТЬ С OPENCART
          ➥ 1.5.5.1, 1.5.6, 1.5.6.1, 1.5.6.2, 1.5.6.3, 1.5.6.4, 2.0.0.0, 2.0.1.0, 2.0.1.1, 2.0.2.0, 2.0.3.1, 2.1.0.1, 2.1.0.2, 2.2.0.0, 2.3.0.2, 3.0.0.0, 3.0.1.1, 3.0.1.2, 3.0.2.0, 3.0.3.0, 3.0.3.1, 3.0.3.2, 3.0.3.3, 3.0.3.5, 3.0.3.6
       
      ❖ СОВМЕСТИМОСТЬ С OCSTORE
          ➥ 2.1.0.1, 2.1.0.1.1, 2.1.0.2, 2.1.0.2.1, 2.3.0.2, 2.3.0.2.1, 2.3.0.2.2, 2.3.0.2.3, 2.3.0.2.5
       
      ❖ СИСТЕМНЫЕ ТРЕБОВАНИЯ
          ➥ Минимальная версия PHP: 5.4.
          ➥ Модуль не работает на localhost.
       
      ❖ ЛИЦЕНЗИОННОЕ СОГЛАШЕНИЕ
      Приобретая ПО, разработанные OCdevWizard, вы подтверждаете, что прочитали и согласны с условиями этого соглашения. Соглашение вступает в силу с момента покупки ПО, проданного через этот сайт, или получения его по электронной почте или любым другим способом. Если вы не согласны с этими условиями лицензирования, не используйте и/или не покупайте это ПО.
      Покупая ПО от автора OCdevWizard, пользователь соглашается c:
          ➥ Лицензию может предоставлять только автор ПО - OCdevWizard.
          ➥ После покупки ПО покупатель получает не эксклюзивную, не передаваемую, отзывную лицензию без ограничения по времени, по принципу 1 покупка ПО = 1 лицензия.
          ➥ Покупатель имеет право активировать лицензию только на один домен (например http://site.com), а также на не более чем пять под доменов этого же домена (например http://test.site.com или http://site.com/test). Для получения большего количества лицензий нужно произвести покупку ПО равно количеству доменов.
          ➥ В случае смены доменного имени, переезд сайта на другой домен, нужно выполнить покупку и активацию лицензии на этот домен.
          ➥ Активная лицензия дает право на использование обновлений ПО и бесплатной технической поддержки (консультация по настройке ПО и исправление конструктивных ошибок) сроком на 1 год. По окончанию этого периода покупатель имеет право продлить его, выполнив повторную покупку ПО. Само ПО будет работать без изменений, как и до момента окончания этого периода.
          ➥ Вы не можете продавать или перепродавать это ПО без письменного разрешения автора (OCdevWizard).
          ➥ Вы не можете давать в качестве подарка или распространять это ПО без письменного разрешения автора (OCdevWizard).
          ➥ Вы не можете изменять название этого ПО без письменного разрешения автора (OCdevWizard).    
          ➥ Вы не можете представлять это ПО как собственное.
          ➥ Вы не можете использовать или извлекать компоненты ПО для использования их вне файлов ПО.
          ➥ Вы не можете удалять из файлов ПО копирайт автора (OCdevWizard).
          ➥ ПО предоставляется по принципу «AS IS».
      Автор ПО оставляет за собой право вносить изменения в условия данного лицензионного соглашения и изменять его пункты в любое время без дополнительных уведомлений, а также оставляет за собой право прекратить поддержку, отказать в доступе к обновлениям если пользователь нарушает это лицензионное соглашение.
       
      ❖ ПОДДЕРЖКА
          ➥ Пожалуйста, используйте мой сайт технической поддержки клиентов, чтобы запросить помощь или сообщить о ошибке.
          ➥ Пожалуйста, не используйте комментарии для сообщений об ошибках.
          ➥ Платная техническая поддержка выполняется в случаях, когда существует конфликт с внешними модулями/продуктами/шаблонами. Пожалуйста, примите это с пониманием того, что разработчик не может сделать собственный модуль на 100% совместимым со всеми внешними расширениями. Вот почему в некоторых случаях необходимо адаптировать модуль к нестандартной конфигурации и системным настройкам магазина. Поэтому решение таких проблем будет оплачиваться отдельно от стоимости модуля.
       
      ❖ ДОПОЛНИТЕЛЬНЫЕ УСЛУГИ
      ❏ Вы можете напрямую заказать дополнительную услугу после покупки данного модуля:
          ➥ Установка модуля в ваш магазин вместо вас - 1100 руб.
          ➥ Базовая настройка параметров модуля вместо вас - 1100 руб.
          ➥ Помощь в решении проблем совместимости с вашей конфигурацией магазина - 1100 руб.
          ➥ Изменить стиль модуля в соответствии с вашей темой - 1100 руб.
          ➥ Выпуск «пожизненной» лицензии на модуль для вашего домена - 1100 руб.
          ➥ Улучшить/изменить базовую функциональность модуля в соответствии с вашими предпочтениями - индивидуальная цена.
          ➥ Пакет услуг "Услуги+" (включает установку, базовую настройку, устранение проблем совместимости, стилизацию под вашу тему и «пожизненную» лицензию) - 4400 руб.
      Все дополнительные услуги оплачиваются на этой странице.
      Добавил OCdevWizard Добавлено 25.06.2018 Категория Модули Системные требования Минимальная версия PHP: 5.4 Метод активации По запросу в ЛС
      По запросу на почту
      Через официальный сайт дополнения Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Да Старая цена 1800  
    • By OCdevWizard
      Уведомления это модуль, который позволяет создавать неограниченное количество модулей с различными наборами уведомлений в виде горизонтальной полосы или всплывающего окна.
       
      ❖ ПРЕИМУЩЕСТВО НАД ТЕМАТИЧЕСКИМИ МОДУЛЯМИ
          ➥ управление модулем выполнено на одной странице.
          ➥ редактирование параметров модуля выполняется без перезагрузки страницы.
          ➥ удобная система push уведомлений для панели управления модуля.
          ➥ возможность экспорта и импорта настроек модуля.
          ➥ возможность редактирования файла стилей модуля через панель управления модуля.
          ➥ возможность сжимать основной JS файл скриптов модуля.
          ➥ возможность создавать неограниченное количество модулей с набором уведомлений в виде горизонтальной полосы или всплывающего окна.
          ➥ модуль не содержит файлов, в которых код зашифрован или обфусцирован.
       
      ❖ НЕМНОГО О ЦИФРАХ
          ➥ в состав модуля входит свыше 127  файлов.
          ➥ общий размер файлов меньше 1.33Mb (без сжатия).
          ➥ модуль переведен на 3 языка (English, Украинский, Русский).
          ➥ свыше 80 параметров настройки модуля.
       
      ❖ СПИСОК ВОЗМОЖНОСТЕЙ
      ❏ Модуль
          ➥ доступно 2 вида отображения модулей: всплывающее окно и горизонтальная полоса.
          ➥ возможность стилизации всплывающего окна и полосы уведомлений.
          ➥ возможность ограничивать вывод модуля по диапазону дат.
          ➥ возможность создавать такие модули как: "согласие на обработку персональных данных", "подтверждение что есть 18 лет" и тд.
          ➥ возможность устанавливать ограничения для набора уведомлений: показывать только на выбранных товарах, показывать только на выбранных категориях, показывать только на выбранных брендах, показывать только на выбранных статьях, показывать только на пользовательских GET запросах или части URL в строке браузера.
      ❏ Другое
          ➥ поддержка multi-языков.
          ➥ поддержка multi-магазинов.
          ➥ поддержка RTL или LTR направление текста.
          ➥ модуль требует активацию лицензии.
       
      ❖ DEMO САЙТ
          ➥ Админка: demo / demo | Смотреть
          ➥ Каталог: Смотреть
       
      ❖ СОВМЕСТИМОСТЬ С OPENCART
          ➥ 1.5.5.1, 1.5.6, 1.5.6.1, 1.5.6.2, 1.5.6.3, 1.5.6.4, 2.0.0.0, 2.0.1.0, 2.0.1.1, 2.0.2.0, 2.0.3.1, 2.1.0.1, 2.1.0.2, 2.2.0.0, 2.3.0.2, 3.0.0.0, 3.0.1.1, 3.0.1.2, 3.0.2.0, 3.0.3.0, 3.0.3.1, 3.0.3.2, 3.0.3.3, 3.0.3.5, 3.0.3.6
       
      ❖ СОВМЕСТИМОСТЬ С OCSTORE
          ➥ 2.1.0.1, 2.1.0.1.1, 2.1.0.2, 2.1.0.2.1, 2.3.0.2, 2.3.0.2.1, 2.3.0.2.2, 2.3.0.2.3, 2.3.0.2.5
       
      ❖ СИСТЕМНЫЕ ТРЕБОВАНИЯ
          ➥ Минимальная версия PHP: 5.4.
          ➥ Модуль не работает на localhost.
       
      ❖ ЛИЦЕНЗИОННОЕ СОГЛАШЕНИЕ
      Приобретая ПО, разработанные OCdevWizard, вы подтверждаете, что прочитали и согласны с условиями этого соглашения. Соглашение вступает в силу с момента покупки ПО, проданного через этот сайт, или получения его по электронной почте или любым другим способом. Если вы не согласны с этими условиями лицензирования, не используйте и/или не покупайте это ПО.
      Покупая ПО от автора OCdevWizard, пользователь соглашается c:
          ➥ Лицензию может предоставлять только автор ПО - OCdevWizard.
          ➥ После покупки ПО покупатель получает не эксклюзивную, не передаваемую, отзывную лицензию без ограничения по времени, по принципу 1 покупка ПО = 1 лицензия.
          ➥ Покупатель имеет право активировать лицензию только на один домен (например http://site.com), а также на не более чем пять под доменов этого же домена (например http://test.site.com или http://site.com/test). Для получения большего количества лицензий нужно произвести покупку ПО равно количеству доменов.
          ➥ В случае смены доменного имени, переезд сайта на другой домен, нужно выполнить покупку и активацию лицензии на этот домен.
          ➥ Активная лицензия дает право на использование обновлений ПО и бесплатной технической поддержки (консультация по настройке ПО и исправление конструктивных ошибок) сроком на 1 год. По окончанию этого периода покупатель имеет право продлить его, выполнив повторную покупку ПО. Само ПО будет работать без изменений, как и до момента окончания этого периода.
          ➥ Вы не можете продавать или перепродавать это ПО без письменного разрешения автора (OCdevWizard).
          ➥ Вы не можете давать в качестве подарка или распространять это ПО без письменного разрешения автора (OCdevWizard).
          ➥ Вы не можете изменять название этого ПО без письменного разрешения автора (OCdevWizard).    
          ➥ Вы не можете представлять это ПО как собственное.
          ➥ Вы не можете использовать или извлекать компоненты ПО для использования их вне файлов ПО.
          ➥ Вы не можете удалять из файлов ПО копирайт автора (OCdevWizard).
          ➥ ПО предоставляется по принципу «AS IS».
      Автор ПО оставляет за собой право вносить изменения в условия данного лицензионного соглашения и изменять его пункты в любое время без дополнительных уведомлений, а также оставляет за собой право прекратить поддержку, отказать в доступе к обновлениям если пользователь нарушает это лицензионное соглашение.
       
      ❖ ПОДДЕРЖКА
          ➥ Пожалуйста, используйте мой сайт технической поддержки клиентов, чтобы запросить помощь или сообщить о ошибке.
          ➥ Пожалуйста, не используйте комментарии для сообщений об ошибках.
          ➥ Платная техническая поддержка выполняется в случаях, когда существует конфликт с внешними модулями/продуктами/шаблонами. Пожалуйста, примите это с пониманием того, что разработчик не может сделать собственный модуль на 100% совместимым со всеми внешними расширениями. Вот почему в некоторых случаях необходимо адаптировать модуль к нестандартной конфигурации и системным настройкам магазина. Поэтому решение таких проблем будет оплачиваться отдельно от стоимости модуля.
       
      ❖ ДОПОЛНИТЕЛЬНЫЕ УСЛУГИ
      ❏ Вы можете напрямую заказать дополнительную услугу после покупки данного модуля:
          ➥ Установка модуля в ваш магазин вместо вас - 1100 руб.
          ➥ Базовая настройка параметров модуля вместо вас - 1100 руб.
          ➥ Помощь в решении проблем совместимости с вашей конфигурацией магазина - 1100 руб.
          ➥ Изменить стиль модуля в соответствии с вашей темой - 1100 руб.
          ➥ Выпуск «пожизненной» лицензии на модуль для вашего домена - 1100 руб.
          ➥ Улучшить/изменить базовую функциональность модуля в соответствии с вашими предпочтениями - индивидуальная цена.
          ➥ Пакет услуг "Услуги+" (включает установку, базовую настройку, устранение проблем совместимости, стилизацию под вашу тему и «пожизненную» лицензию) - 4400 руб.
      Все дополнительные услуги оплачиваются на этой странице.
    • By test1986
      всем привет, не буду сильно оригинальной,  но созрел вопрос 
       
      как сделать просмотр товара в модальном окне (без редиректа на карточку товара)
       
      open cart pro 2.1 
       
      установлен модуль быстрого просмотра, но вряд ли он будет иметь резон, так как работает только по клику именно на батон. нужно сделать так, чтобы товар открывался в модальном окне по умолчанию 
       
      магазин стройматериала и основной пользователь с мобильного телефона, хочется упростить жизнь себе и людям, заказывающим триста мелких расходников 
       
      форум просмотрела, модуль установила, но как реализовать то что мне нужно - хз
       
      с новым годом , кстати)) 
       
      можно и поржать с глупого вопроса,  я не обижаюсь:) 
       
       
       
       
    • By lexonn
      Нужно реализовать на Ocstore 3 (шаблон Revolytion) формы захвата контактов в модальном окне. Например: показывается начальное окно с выбором, кнопка Далее, показывается второе окно, третье. По итогу в последнем окне все выбранные пункты, поля Имя, Телефон, Почта, Отправить (или получить каталог). Пример подобного на тильде http://lh-tablequiz.tilda.ws По сути ничего сложного, нужно подобрать модуль, установить, настроить. 
      Параметры страниц: 

      Пишем - расчёт стоимости изделия онлайн за несколько минут! 
      Люди будут вносить параметры, ожидая получить моментальный расчёт , но уже все заполнив , жалко бросать и вводишь номер . 
      1) выберите куда Мебель : Гостинная 
      Спальня
      Кухня
      Ванная комната
      Другое
      2)выберете материал Мебели 
      Массив 
      МДФ эмаль /мдф шпон
      ЛДСП 
      Комбинированый 
      Другое
      3) введите размеры будущего изделия 
      Ширина
      Высота 
      Глубина 
      Толщина стенок 
      Толщина полок
      4) предпочтительный способ связи 
      Телефон
      Ватсап
      Вайбер
      Телеграмм 
      5)введите номер и получите свой расчёт в течение 10 минут
    • 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 Обращение к серверу разработчика Старая цена  
  • 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.