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

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

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

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








Admin

Бизнес Империя 2024
Админ
Регистрация
22 Янв 2015
Сообщения
7,530
Репутация
45,926
FXсoin
140,456

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

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

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
100
Прикрутил все таки на ленд который в лидвертексе, пределал больше половины, но накнец то начали всплывать сообщения, но осталась одна беда. Пока не получается побороть, может подскажет кто как быть. Скриншот прикладываю.
https://yadi.sk/i/fJbE-3P3sv6Po
 

Kristianyn

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

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

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

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

Бизнес Империя 2017 - Стандарт
Товарная империя 2016 - Эконом
Товарный Воркшоп-4
Мастер класс по майтаргету
Регистрация
12 Июн 2016
Сообщения
189
Репутация
403
FXсoin
100
Всем спасибо за помощь, особенно Косаке, она посоветовала обратится в поддержку лидвертекса. В итоге поддержка лидвертекса не подкачала)
Проблема реально была в стилях, решение таково: в файле 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

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

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

Admin

Бизнес Империя 2024
Админ
Регистрация
22 Янв 2015
Сообщения
7,530
Репутация
45,926
FXсoin
140,456

ALOOF

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

Admin

Бизнес Империя 2024
Админ
Регистрация
22 Янв 2015
Сообщения
7,530
Репутация
45,926
FXсoin
140,456
Подписка на рассылку форума
Сверху