Теперь необходимо разместить код самого окна на всех страницах сайта, для этого создайте еще один глобальный виджет «Свой код» и вставьте в него следующий код:
<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>
Настройки вывода виджета должны быть следующими:
Установка завершена.