Универсальный Конструктор Подсказок

Инструкция по использованию

1. Создайте подсказку с уникальным именем и настройками
2. Настройте триггеры:
   • Показывать при: наведении курсора или клике
   • Закрывать при: отведении курсора, клике вне области или по крестику
3. Протестируйте в разделе предпросмотра
4. Сгенерируйте код и добавьте его на ваш сайт перед </body>
5. Добавьте классы вида hint-имя к нужным элементам
6. Примеры использования:

   <button class="btn btn-primary hint-bill1">Кнопка</button>
   <div class="card hint-bill1">Карточка</div>
   <img src="image.jpg" class="hint-bill1" alt="Пример">
   <span class="hint-bill1">Текстовый элемент</span>

7. Для Craftum: Добавьте дополнительный код:

   <style>
   .page-wrapper {
       overflow: visible !important;
       transform: none !important;
       contain: unset !important;
   }
   </style>

Важно: Работает на любых элементах - кнопках, карточках, изображениях, тексте!