• Гость, Хорошего тебе дня!

Скрипт всплывающих "заказов"

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

Зарегистрируйтесь прямо сейчас, для получения доступа к форуму.
Регистрация

Полный безлимит в 2025 + отдельные треки + ВИП группа и многое другое!
Бизнес Империя 2025 ждет тебя! Мы уже начали!
Создай повод для гордости собой в этом году!






Admin

Бизнес Империя 2025
Админ
Регистрация
22 Янв 2015
Сообщения
7,612
Репутация
46,276
FXсoin
142,638

Обещанный скрипт.

Авторство не мое, в свое время смоделировал из интернета, но тексты писал сам туда потом (чего и вам желаю, но не принципиально).

1) Ссылка на скрипт:
http://forum-x.com/file/workshop4/scriptbooking.zip
2) Скачиваем
3) Копируем в корень вашего сайта
4) В файле index.html между тегом <body> и </body> прописываем:

Код:
<script src="yved/script.js"></script>
<div class="yvedw">
	<div class="yved yvedf1">
		<img src="yved/yico.png" alt="" class="yvedi">
		<div class="yvedvt"><div class="yvedt">Кирилл Лавин, г.Москва, сделал заказ на сумму 1790р, число 1 шт</div></div>
	</div>
	<div class="yved yvedf2">
		<img src="yved/yico2.png" alt="" class="yvedi">
		<div class="yvedvt"><div class="yvedt">Андрей Бажутин, г.Астрахань, оставила заявку на обратный звонок</div></div>
	</div>
	<div class="yved yvedf1">
		<img src="yved/yico.png" alt="" class="yvedi">
		<div class="yvedvt"><div class="yvedt">Мирон Мартеев, г.Липецк, сделал заказ на сумму 1790р, число 1 шт</div></div>
	</div>
	<div class="yved yvedf1">
		<img src="yved/yico.png" alt="" class="yvedi">
		<div class="yvedvt"><div class="yvedt">Стас Артёмов, г.Екатеринбург, сделал заказ на сумму 1790р, число 1 шт</div></div>
	</div>
	<div class="yved yvedf1">
		<img src="yved/yico.png" alt="" class="yvedi">
		<div class="yvedvt"><div class="yvedt">Эмиль Измайлов, г.Климовск, сделал заказ на сумму 2760р, число 2 шт</div></div>
	</div>
	<div class="yved yvedf1">
		<img src="yved/yico.png" alt="" class="yvedi">
		<div class="yvedvt"><div class="yvedt">Ефрем Беляков, г.Салехард, сделал заказ на сумму 1790р, число 1 шт</div></div>
	</div>
	<div class="yved yvedf1">
		<img src="yved/yico.png" alt="" class="yvedi">
		<div class="yvedvt"><div class="yvedt">Люция Горбунова, г.Уссурийск, сделал заказ на сумму 2760р, число 2 шт</div></div>
	</div>
	<div class="yved yvedf2">
		<img src="yved/yico2.png" alt="" class="yvedi">
		<div class="yvedvt"><div class="yvedt">Дмитрий Маслов, г.Киров, оставил заявку на обратный звонок</div></div>
	</div>
	<div class="yved yvedf1">
		<img src="yved/yico.png" alt="" class="yvedi">
		<div class="yvedvt"><div class="yvedt">Алексей Комаров, г.Москва, сделал заказ на сумму 1790р, число 1 шт</div></div>
	</div>
	<div class="yved yvedf1">
		<img src="yved/yico.png" alt="" class="yvedi">
		<div class="yvedvt"><div class="yvedt">Виктор Бодро́в, г.Санкт-Петербург, сделал заказ на сумму 2760р, число 2 шт</div></div>
	</div>
</div>
5) Заменяем текст на что нибудь свое, в стиле:
Иван Иванович, г. Тюмень, оставил заявку на обратный звонок
Сергей Матвеев, г. Самара, сделал заказ на сумму 4990 руб., число 1 шт
Эмиль Прохоров, г. Москва, сделал заказ на сумму 9980 руб., число 2 шт

6) Если есть вопросы, пишем в этом топике...

:drinks:


В файле script.js есть небольшие настройки времени.
 

Сергей Насонов

Бизнес Империя 2017 - Стандарт
Товарная империя 2016 - Эконом
Товарный Воркшоп-4
Мастер класс по майтаргету
Регистрация
12 Июн 2016
Сообщения
189
Репутация
403
FXсoin
200
Прикрутил все таки на ленд который в лидвертексе, пределал больше половины, но накнец то начали всплывать сообщения, но осталась одна беда. Пока не получается побороть, может подскажет кто как быть. Скриншот прикладываю.
https://yadi.sk/i/fJbE-3P3sv6Po
 

Kristianyn

Товарный Воркшоп-4-ВИП
Мастер класс по майтаргету
Регистрация
22 Мар 2016
Сообщения
27
Репутация
21
Адрес
Донбасс
FXсoin
0
насколько понимаю в коде то надо в файле .css поиграться с настройками по высоте, ширине, позиционированию окошка и т.д. на ленде, в общем в самом скрипте отрегулировать код в файле стили.css по ходу надо.
 

Сергей Насонов

Бизнес Империя 2017 - Стандарт
Товарная империя 2016 - Эконом
Товарный Воркшоп-4
Мастер класс по майтаргету
Регистрация
12 Июн 2016
Сообщения
189
Репутация
403
FXсoin
200
высота и ширина здесь не важна, на более мелких экранах это окно прям по верх текста появляется, вернее под текстом(( а вот позиционирование это наверно самое то, но пока не получается его на верх вывести. z-index: 10000; прописывал, причем максимальный зетиндекс на лендинге у других элементов около 3500.
У меня ощущение что эти стили игнорируются.
 

Сергей Насонов

Бизнес Империя 2017 - Стандарт
Товарная империя 2016 - Эконом
Товарный Воркшоп-4
Мастер класс по майтаргету
Регистрация
12 Июн 2016
Сообщения
189
Репутация
403
FXсoin
200
Всем спасибо за помощь, особенно Косаке, она посоветовала обратится в поддержку лидвертекса. В итоге поддержка лидвертекса не подкачала)
Проблема реально была в стилях, решение таково: в файле style.css нужно установить z-index:99999999 классу yved.
В итоге получился вот такой класс:
.yved{
z-index:99999999;
position: fixed;
right: 20px;
top: 70px;
width: 300px;
vertical-align: middle;
height: 120px;
color: white;
padding: 15px;
font-size: 15px;
line-height: 90px;
border-radius: 10px;
display: none;
}
И все заработало как надо)
Может кому понадобится кто на лидвертекс будет прикручивать!
 

vladn08

New Member
Регистрация
13 Окт 2016
Сообщения
3
Репутация
3
FXсoin
0
Добрый день! Поможете?
Данный скрипт установил на bootstrap, на лендинг.. подключил скрипт, стили, картинки..
Всё вроде бы работает..
Но есть проблемка, прилагаю скрин:
http://prnt.sc/ct43lg


Проблема:
Окно сообщения всплывает, но по истечении времени не исчезает, как бы остаётся на месте, а его сверху перекрывает следующее сообщение и так далее..
По идее, блоку кот должен исчезнуть, должен присваиваться стиль display: none;
Но у блока, после его появления, добавляется атрибут style="display: block; и по прошествии времени не меняется на display: none; и не удаляется данный атрибут, что видно на скриншоте..
Получается так, что появившееся сообщение, стоит не подвижно до появления нового сообщения, не исчезая, хотя должно... собираясь в кучу, накладываясь одно на другое..

Помогите, пожалуйста, победить данную проблему!
За ранее спасибо!
 

vladn08

New Member
Регистрация
13 Окт 2016
Сообщения
3
Репутация
3
FXсoin
0
Может кому пригодится решение...

Поплясав с бубном, пришлось немного доработать скрипт под себя..

В итоге, у меня получилось следующее:

$('<link rel="stylesheet" href="yved/style.css">').appendTo('head');

var i = 0;
function yved(){
i=1;
$('.yved:nth-child('+i+')').fadeIn(4000).fadeOut(5500);//В этой строчке в мс 500 - время анимации появления, 5000 - время задержки, 500 - время затухания уведомления соответсвенно
}
setTimeout(function(){
setInterval(
function(){
i=i+1;
if(i>10) i=1;//10 - количество уведомлений
$('div.yved').removeAttr('style').attr('style','display:none');//У данного элемента убираем атрибут style со свойством display:block и добавляем такой же style со свойством display:block
$('.yved:nth-child('+i+')').fadeIn(4000).fadeOut(5500);//В этой строчке в мс 500 - время анимации появления, 5000 - время задержки, 500 - время затухания уведомления соответсвенно
},30000);//25000 - задержка в мс меду показами уведомлений
yved();
},5000);//10000 - задержка в мс перед показом первого уведомления
 

Adrian

New Member
Регистрация
2 Апр 2017
Сообщения
1
Репутация
1
FXсoin
0
Всем добра !
Есть скрипт всплывающих фекйовых заказов
в инете уже давно )
А куда вставлять на Вордпрессе ?
Затык в том что скрипт только к лендосам поскольку там В файле index.html между тегом <body> и </body> прописываем скрипт
но на ВП нет файла index.html, только файл - Основной шаблон (index.php)

Поможем ?
 

Admin

Бизнес Империя 2025
Админ
Регистрация
22 Янв 2015
Сообщения
7,612
Репутация
46,276
FXсoin
142,638
Всем добра !
Есть скрипт всплывающих фекйовых заказов
в инете уже давно )
А куда вставлять на Вордпрессе ?
Затык в том что скрипт только к лендосам поскольку там В файле index.html между тегом <body> и </body> прописываем скрипт
но на ВП нет файла index.html, только файл - Основной шаблон (index.php)

Поможем ?
Ну вот в основной шаблон и вставляй, почему нет?
Я не помню как в вордпрессе все это крутится, но шаблон там точно поменять можно :)
 

Admin

Бизнес Империя 2025
Админ
Регистрация
22 Янв 2015
Сообщения
7,612
Репутация
46,276
FXсoin
142,638

ALOOF

Avito-5 СТАНДАРТ
Мастер класс по майтаргету
Регистрация
25 Фев 2016
Сообщения
1
Репутация
0
FXсoin
0
И на сколько это заказы увеличивает?
 

Admin

Бизнес Империя 2025
Админ
Регистрация
22 Янв 2015
Сообщения
7,612
Репутация
46,276
FXсoin
142,638

До старта "ЭлектроДвижухи" осталось

00
Месяцев
01
Дней
00
Часов
27
Минут
59
Секунд

Последние сообщения

Сверху