Дорогие друзья позвольте вопрос. ( Заранее извините за мой слабый английский)
На одном из сайтов с исходниками я нашел код плавающего окна.
Я испробовал его создав примитивную страничку хтмл и как оказалось это вполне рабочий код, который я бы с радостью использовал в моем сайте на PrestaShop. Я хотел бы привязать к нему номер телефона, возможно viber…
Возможно и вам он пригодится.
Но, после загрузки кода и его сохранения он попросту исчезает.
Как я понимаю это опять таки связано с настройкой престы. Не утверждаю, но хотелось бы его запустить на престе.
Если можете дорогие помочь советом буду очень вам признателен. Может кто знает лучший подход к этому? (повторюсь, что после загрузки и сохранения он попросту исчезает) Возможно его нужно загружать не туда или как то иначе?
Вот сам код друзья.
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Arial, Helvetica, sans-serif;}
.callout {
position: fixed;
bottom: 10px;
right: 10px;
margin-left: 10px;
max-width: 200px;
}
.callout-header {
padding: 25px 15px;
background: #555;
font-size: 30px;
color: white;
}
.callout-container {
padding: 15px;
background-color: #ccc;
color: black
}
.closebtn {
position: absolute;
top: 5px;
right: 15px;
color: white;
font-size: 30px;
cursor: pointer;
}
.closebtn:hover {
color: lightgrey;
}
</style>
<h2>Callout Messages</h2>
<p>Some content text, blabla.</p>
<p>Some content text, blabla.</p>
<p>Click on the "x" symbol to close the callout message.</p>
<div class="callout">
<span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
<div class="callout-container">
<p><!-- <a href="#">
-->
<a class="a_tel_2" href="tel:+995598423001">
<img src="../shablon/phone2.gif" alt="მწვანე აფთიაქის ნომერი" title="მწვანე აფთიაქის ნომერი" width="30" align="middle"/>
<font size=3 color=black><b>Call Us</b></font>
</a>
<!-- </a> .
-->
</p>
</div>
</div>
