Время чтения: 1 мин. 16 октября 2016 в 11:33 Javascript,Wordpress
Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5
Загрузка...

Автоматически открываем Magnific Popup через любой интервал времени

snimok-ekrana-2016-10-16-v-12-24-13

Подключаем Magnific Popup по стандарту и для открытия модального окна на определенную страницу добавляем HTML

HTML
[php]
<div id="PORRA" class="white-popup mfp-hide open">
Popup content
</div>
[/php]

и в футер JS

JS
[php]
jQuery(window).load(function(){
setTimeout(function(){
jQuery.magnificPopup.open({
items: {src: ‘#PORRA’},type: ‘inline’
});
}, 5000);
});
[/php]

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

[php]

<script>

jQuery(window).load(function(){
var now, lastDatePopupShowed;
now = new Date();

if (localStorage.getItem(‘lastDatePopupShowed’) !== null) {
lastDatePopupShowed = new Date(parseInt(localStorage.getItem(‘lastDatePopupShowed’)));
}

if (((now — lastDatePopupShowed) >= (15 * 86400000)) || !lastDatePopupShowed) {
jQuery.magnificPopup.open({
items: { src: ‘#PORRA’ },
type: ‘inline’
}, 0);

localStorage.setItem(‘lastDatePopupShowed’, now);
}
});

</script>
[/php]

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

[php]
jQuery(document).ready(function($) {

$(window).on(‘load’, function() {
var now, lastDatePopupShowed;
now = new Date();

if (localStorage.getItem(‘lastDatePopupShowed’) !== null) {
lastDatePopupShowed = new Date(parseInt(localStorage.getItem(‘lastDatePopupShowed’)));
}

if (((now — lastDatePopupShowed) >= (1 * 1)) || !lastDatePopupShowed) {
setTimeout(function(){
$.magnificPopup.open({
items: { src: ‘#PORRA’ },
type: ‘inline’
});
}, 2000);
[/php]

И не забываей очищать куки после каждой проверки те

Похожие статьи

Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
Начать сотрудничество
Заполните поля ниже. Я лично перезвоню Вам в течении 15 минут для обсуждения деталей.

Введите ваше имя *

Введите контактный телефон *

Введите контактный Email для отправки точной стоимости

или позвоните мне по телефону
+7-499-70-300-44
Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

[contact-form-7 404 "Not Found"]
Заказать услугу
Я свяжусь с Вами в течении 15 минут в рабочее время для обсуждения деталей

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Заказать услугу
Я свяжусь с Вами в течении 15 минут в рабочее время для обсуждения деталей

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

Запись на бесплатный урок
Введите ваше имя, телефон и Skype логин и email.
Я свяжусь с Вами для уточнения времени прохождения урока.

Введите контактный телефон *

Введите ваше Skype логин *

Введите контактный E-mail *

Выберите программу

Введите ваше имя *

Введите контактный email *

Сообщение

Заказать сайт
Первые 14 дней бесплатно. Оставьте номер email и контактный телефон. Я лично перезвоню Вам в течении 10 минут, для обсуждения деталей.


Ваш email

Введите контактный телефон

Комментарий или вопрос