Автор Тема: Плавающее окно  (Прочитано 229 раз)

15 Май 2022, 14:46:01
  • Пользователь
  • **
  • Сообщений: 72
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Дорогие друзья позвольте вопрос. ( Заранее извините за мой слабый английский)
На одном из сайтов с исходниками я нашел код плавающего окна.
Я испробовал его создав примитивную страничку хтмл  и как оказалось это вполне рабочий код, который я бы с радостью использовал в моем сайте на 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>



16 Май 2022, 11:56:19
Ответ #1
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86685
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Код нужно добавлять в файлы tpl.
Такой код вы не сможете вставить в виз.редакторе.
16 Май 2022, 19:42:41
Ответ #2
  • Пользователь
  • **
  • Сообщений: 72
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Большое спасибо вам за ответ . Еще небольшой вопрос если позволите друг, Есть ли какая либо инструкция по тому как это осуществить ?
17 Май 2022, 10:01:52
Ответ #3
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86685
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
https://devdocs.prestashop.com/1.7/themes/reference/templates/templates-layouts/
Код css в файл custom.css
Код js в custom.js
Код html в файл шаблона страницы.
17 Май 2022, 21:23:31
Ответ #4
  • Пользователь
  • **
  • Сообщений: 72
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Спасибо друг !