Tooltips — плагин подсказок для Osclass

Версия: 1.0.0
Совместимость: Osclass 8.x

Что это такое

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

Идеально подходит для объяснения непонятных блоков, форм, полей и кнопок: посетитель сразу видит, что это и зачем.

Возможности

• 📝 Неограниченное количество подсказок — создавайте столько, сколько нужно

• 🌍 Мультиязычность — отдельный текст для каждого языка сайта

• 🖱 4 способа вызова — наведение, клик, только иконка, иконка + наведение

• 📍 4 позиции — сверху, снизу, слева, справа

• 🎨 Гибкие настройки вида — цвет фона, текста, рамки, иконки

• 🔤 Выбор шрифта и размера — от 10 до 24 px

• ✨ 4 анимации появления — плавная, выдвижение, увеличение, без анимации

• 📱 Адаптивность — на мобильных подсказка открывается удобно для пальца

• 🎯 12+ иконок FontAwesome на выбор

• ⚙️ Отдельные настройки для мобильных — позиция, ширина, отступ

• 🚀 Не требует правки ядра — все через шаблон и настройки

Как это работает

1. Администратор создаёт подсказку в админке: задаёт ключ, заголовок и текст.

2. В шаблон вставляется одна строка кода с этим ключом.

3. Пользователь видит иконку и при наведении/клике получает пояснение.

Примеры использования

Показать иконку с подсказкой

<?php echo tlp_tooltip('search-help'); ?>

Рядом появится иконка «?». При наведении откроется текст подсказки.

Обернуть любой HTML-блок

<?php echo tlp_wrap('filter-help', '<input type="text" name="q" />'); ?>

Иконка появится рядом с вашим блоком — удобно для форм и полей.

Через хук Osclass

<?php osc_run_hook('tlp_tooltip', 'search-help'); ?>

Со своими параметрами

<?php echo tlp_tooltip('search-help', '', array(
  'position' => 'bottom',
  'trigger'  => 'click',
  'icon'     => 'fa-info-circle'
)); ?>

Настройки

Основные

• Включение/отключение плагина

• Способ вызова по умолчанию

• Позиция по умолчанию

• Анимация появления

• Задержка показа (мс)

Внешний вид

• Тема: светлая, тёмная или свои цвета

• Цвет фона, текста, рамки, иконки

• Размер шрифта и семейство

• Скругление углов

• Максимальная ширина popup

• Размер иконки

Мобильные

• Позиция на мобильных: сверху, снизу, по центру, рядом с иконкой

• Ширина popup (% от экрана)

• Отступ от края

Установка

1. Скопируйте папку tooltips в oc-content/plugins/

2. Админка → Плагины → активируйте Tooltips Plugin

3. Настройте внешний вид: Tooltips Plugin → Configure

4. Создайте первую подсказку: Tooltips Plugin → Tooltips → Создать

5. Вставьте код в шаблон темы

Требования

• Osclass 8.x

• PHP 7.4+

• MySQL 5.7+ / MariaDB 10.3+

• FontAwesome (обычно уже подключён в теме)

Лицензия

Бесплатно для личного и коммерческого использования.

Tooltips — делайте сайт понятнее для пользователей без лишних усилий.

Вложения

Файл	Описание	Размер файла	Кол-во скачиваний
osclass.su_tooltips_v100		64 КБ	0