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

  • Автор темы Автор темы Admin
  • Дата начала Дата начала

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

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

Ответить в теме!

Admin

Admin

Бизнес Империя 2026
Админ
Регистрация
22 Янв 2015
Сообщения
7,937
Репутация
47,075
FXсoin
155,645
bk.png

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

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

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 есть небольшие настройки времени.
 
Прикрутил все таки на ленд который в лидвертексе, пределал больше половины, но накнец то начали всплывать сообщения, но осталась одна беда. Пока не получается побороть, может подскажет кто как быть. Скриншот прикладываю.
https://yadi.sk/i/fJbE-3P3sv6Po
 
насколько понимаю в коде то надо в файле .css поиграться с настройками по высоте, ширине, позиционированию окошка и т.д. на ленде, в общем в самом скрипте отрегулировать код в файле стили.css по ходу надо.
 
высота и ширина здесь не важна, на более мелких экранах это окно прям по верх текста появляется, вернее под текстом(( а вот позиционирование это наверно самое то, но пока не получается его на верх вывести. z-index: 10000; прописывал, причем максимальный зетиндекс на лендинге у других элементов около 3500.
У меня ощущение что эти стили игнорируются.
 
Всем спасибо за помощь, особенно Косаке, она посоветовала обратится в поддержку лидвертекса. В итоге поддержка лидвертекса не подкачала)
Проблема реально была в стилях, решение таково: в файле 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;
}
И все заработало как надо)
Может кому понадобится кто на лидвертекс будет прикручивать!
 
Добрый день! Поможете?
Данный скрипт установил на bootstrap, на лендинг.. подключил скрипт, стили, картинки..
Всё вроде бы работает..
Но есть проблемка, прилагаю скрин:
http://prnt.sc/ct43lg
0f6e073268214609947c77b67a705d7f.png


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

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

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

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

$('<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 - задержка в мс перед показом первого уведомления
 
Всем добра !
Есть скрипт всплывающих фекйовых заказов
в инете уже давно )
А куда вставлять на Вордпрессе ?
Затык в том что скрипт только к лендосам поскольку там В файле index.html между тегом <body> и </body> прописываем скрипт
но на ВП нет файла index.html, только файл - Основной шаблон (index.php)

Поможем ?
 
Adrian написал(а):
Всем добра !
Есть скрипт всплывающих фекйовых заказов
в инете уже давно )
А куда вставлять на Вордпрессе ?
Затык в том что скрипт только к лендосам поскольку там В файле index.html между тегом <body> и </body> прописываем скрипт
но на ВП нет файла index.html, только файл - Основной шаблон (index.php)

Поможем ?
Нажмите для раскрытия...

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

До "Финансы 2026" осталось

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

Назад
Сверху