Установка скрипта «Проверка возраста для ukit»

Введение


Благодарим за покупку скрипта! Установка скриптового решения займет некоторое время. Пожалуйста, внимательно читайте инструкции и старайтесь следовать всем рекомендациям.
Данный скрипт позволяет перед началом просмотра контента сайта осуществить проверку возраста пользователя. Он обязательно должен подтвердить, что достиг того или иного возраста, в противном случае вкладка браузера с сайтом будет закрыта.

    Требования к установке:
  • оплаченный тариф «Премиум» или «Про» (для самостоятельной установки);

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

Первый шаг: подключении библиотеки JQuery


В панели управления создаем глобальный виджет «Свой код» и ставим в него следующий код:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
Настройки вывода виджета должны быть следующими:

Второй шаг: установка окна


Теперь необходимо разместить код самого окна на всех страницах сайта, для этого создайте еще один глобальный виджет «Свой код» и вставьте в него следующий код:
<div class="ageWindow">

<div class="bs-text">
  
  <p>Вы подтверждаете, что вам исполнилось 18 лет?</p>
  <div class="age-btn" onclick="addAge()">Да</div> <div class="age-btn-red" onclick="window.close()">Нет</div>
  
  </div>

</div>


<style>
  .ageWindow {background: rgba(216,216,216, 0.97);    width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index:1000;display:none;}
   .bs-text {background:#434343;padding:20px;width:300px;border-radius:5px;text-align:center;margin: 0 auto;position:relative;top:40%;}
   .bs-text p {color:#fff;font-size:16px;}
  .age-btn {cursor:pointer;line-height:32px;display:inline-block;margin: 20px 2px 0 2px;padding: 0 18px;border-radius:5px;background:#1dbc60;color:#fff;transition: all 0.3s;}
.age-btn:hover {text-decoration:none;background:#2dcc70;transition: all 0.3s;}
  .age-btn-red {cursor:pointer;line-height:32px;display:inline-block;margin: 20px 2px 0 2px;padding: 0 18px;border-radius:5px;background: #fc615e;color:#fff;transition: all 0.3s;}
  .age-btn-red:hover {background:#F37471;transition: all 0.3s;}
  </style>


<script>

  if ( localStorage.uAge == null ) {
  
  $('.ageWindow').fadeIn(100);
 
  }
  
  function addAge() { 
    localStorage["uAge"] = JSON.stringify('Да'); 
   $('.ageWindow').fadeOut(500);
  }
  


</script>
Настройки вывода виджета должны быть следующими:


Установка завершена.