CMS DataLife Engine - Система управления сайтами

Resettt

Модальное всплывающее окно при загрузке полной новости

Рекомендуемые сообщения

Привет всем!
Подскажите, как сделать модальное окно, которое будет выводиться при первом посещении пользователя в полной новости.
Плавное появление, затеменный фон, закрывается по крестику, по кнопке, "ОК, ясно" или по клику вне окна. 
В окне будет написано что-то типа "вступайте в нашу группу... Ссылки на группы"

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
2 часа назад, germanydletest сказал:

А в гугле давно банить начали? http://dimox.name/popup-window-on-first-web-site-visit/

 

Спасибо, конечно, но это прикрутить именно к DLE для меня очень сложно. Это универсальный метод, я же ищу именно для DLE 

Изменено пользователем Resettt

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
22 минуты назад, Resettt сказал:

 

Спасибо, конечно, но это прикрутить именно к DLE для меня очень сложно. Это универсальный метод, я же ищу именно для DLE 

Да, случай конечно тяжёлый, ну да ладно, сейчас разжую.

Качаете плагин в виде архива, либо с оф. сайта, либо с гитхаба. Распаковываете архив,  берёте оттуда 2 файла jquery.arcticmodal-0.3.min.js (закидываете в папку с шаблоном, где расположены все js файлы вашего шаблона) и jquery.arcticmodal-0.3.css (закидываете его в папку с css файлами вашего шаблона). Теперь определяетесь с дизайном - светлый в том же архиве в папке themes, файл называется simple.css, а тёмный там же, только называется dark.css (что бы не плодить лишние запросы к серверу и вообще лишние файлы шаблонов, рекомендую скопировать код нужного дизайна в уже подключенный css файл). Ну а теперь самое сложное, "адаптация" под DLE :lol:

В текстовом редакторе открываем main.tpl и вставляем туда следующее

<!-- cookie -->
<script src="//yandex.st/jquery/cookie/1.0/jquery.cookie.min.js"></script>
<!-- arcticModal -->
<script type="text/javascript" src="{THEME}/js/jquery.arcticmodal-0.3.min.js"></script>
<link href="{THEME}/css/jquery.arcticmodal-0.3.css" type="text/css" rel="stylesheet">

это вставляете либо между тегами <head>и</head>, либо перед </body>(в зависимости от того, как у вас подключены остальные скрипты).

Теперь вставляете html (тоже в main.tpl)

<div style="display: none;">
  <div class="box-modal" id="boxUserFirstInfo">
    <div class="box-modal_close arcticmodal-close">закрыть</div>
    <b>Здравствуй, милый человек!</b><br>
    <br>
    Надеюсь тебе понравится на нашем сайте!
    У нас много интересной информации и очень отзывчивое комьюнити.
    Добро пожаловать :)
  </div>
</div>

в любое удобное место, между тегами <body>и</body>

ну и наконец вставляем js, который будет определять был ли юзер у нас на сайте

перед тегом </body>

<script>
(function($) {
$(function() {

  // Проверим, есть ли запись в куках о посещении посетителя
  // Если запись есть - ничего не делаем
  if (!$.cookie('warbeiuns')) {

    // Покажем всплывающее окно
    $('#boxUserFirstInfo').arcticmodal({
      closeOnOverlayClick: false,
      closeOnEsc: true
    });

  }

  // Запомним в куках, что посетитель к нам уже заходил
  $.cookie('warbeiuns', true, {
    expires: 365,
    path: '/'
  });

})
})(jQuery)
</script>

Всё, посетители будут видеть Ваше окошко 1 раз в год.

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
32 минуты назад, germanydletest сказал:

 

В текстовом редакторе открываем main.tpl и вставляем туда следующее

 

это вставляете либо между тегами <head>и</head>, либо перед </body>(в зависимости от того, как у вас подключены остальные скрипты).

Теперь вставляете html (тоже в main.tpl) в любое удобное место, между тегами <body>и</body>

ну и наконец вставляем js, который будет определять был ли юзер у нас на сайте

перед тегом </body>

В fullstory же, в соответствии с ТЗ, либо в main, но тогда с available:D

  • Поддерживаю 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
25 минут назад, webair сказал:

В fullstory же, в соответствии с ТЗ, либо в main, но тогда с available:D

:ph34r: всё, тз провалил, можно на пенсию....:(

:P

  • Поддерживаю 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Ребята сломал голову сайт www.massandra.su проделал все по инструкции, но ничего не работает.
Помогите разобраться.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
27 минут назад, o_romka сказал:

Ребята сломал голову сайт www.massandra.su проделал все по инструкции, но ничего не работает.
Помогите разобраться.

В консоле браузера забанили?

От того что напихать в код кучу модальных окон и кучу всяких файлов подключать, оно лучше не станет...

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
14 минуты назад, SKYNET74 сказал:

В консоле браузера забанили?

От того что напихать в код кучу модальных окон и кучу всяких файлов подключать, оно лучше не станет...

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

Делал как описано строго по инструкции.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
15 минут назад, SKYNET74 сказал:

В консоле браузера забанили?

может она (консоль) у человека сломалась?:rolleyes: 

Только что, o_romka сказал:

в консоле браузера ничего не банил

а ошибки смотрел?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
15 минут назад, germanydletest сказал:

может она (консоль) у человека сломалась?:rolleyes: 

а ошибки смотрел?

Да там куча ошибок.

И пишет такая "Срок триальной версии окончен, введите лицензионный ключ!"...

16 минут назад, o_romka сказал:

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

Делал как описано строго по инструкции.

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас