Все хоть раз на серверах видели такие всплывающие подсказки в магазине.
В этой статье я расскажу как их добавить на свой проект
Очень много существует сайтов с базами данных предметов, из всех мне больше всего понравился wotlkdb.com ( не реклама ). Почему же именно его я выбрал? А все просто 3.3.5, единственная вроде бы верная информация по предметам.
Ну что-ж начнем. Для начала подключим скрипт в head часть сайта
HTML:
<script type="text/javascript" src="https://wotlkdb.com/static/widgets/power.js"></script>
<script>var aowow_tooltips = { "colorlinks": true, "iconizelinks": true, "renamelinks": true }</script>
Первое мы тянем сам скрипт отображения, второе это конфигурация нашего виджета
Теперь чтоб появилась всплывайка выведем на страницу товар надо добавить тег "<a>" с параметром rel="item=49623"
К примеру
HTML:
<a href="#" rel="item=49623">Темная Скорбь</a>
HTML:
<a href="#" rel="item=49623&domain=ru">Темная Скорбь</a>
Вот полная информация о доступных параметрах для вызова в rel
Вот что у нас получилось