Перейти к содержимому

Off-canvas Element

Полнофункциональный Off-canvas элемент для создания выдвигающихся панелей конструкторе YOOtheme Pro
Joomla! 4
Joomla! 5
YOOtheme Pro 4
PHP 7.4+
Скачать бесплатно
Поддержка

Создавайте выдвигающиеся панели

Вы можете использовать все возможности UIkit 3 для создания Off-canvas панелей с любым наполнением.

Простое управление

Все необходимые настройки окон выбираются прямо в конструкторе.

Любое содержимое

Содержимое панели создается с помощью конструктора и поддерживает все его элементы.

Поддержка последних версий

Расширение написано с соблюдением всех стандартов и соответствует новой структуре Joomla!, поэтому поддерживает Joomla! 4 и 5, а также без проблем будет обновлено и на последующие версии.

Примеры работы

Поверх
  • Анимация:

    slide

  • Положение:

    слева

  • Крестик:

    да

  • Затемнение:

    да

Заголовок
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Без анимации
  • Анимация:

    none

  • Положение:

    слева

  • Крестик:

    да

  • Затемнение:

    нет

Заголовок
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Сдвинуть
  • Анимация:

    reveal

  • Положение:

    справа

  • Крестик:

    да

  • Затемнение:

    нет

Заголовок
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Спихнуть
  • Анимация:

    push

  • Положение:

    справа

  • Крестик:

    да

  • Затемнение:

    да

Заголовок
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Простой способ создания
Off-canvas

Любое содержимое

Встраивайте в окна любое содержимое на основе элементов конструктора

Управляйте настройками

Все стандартные параметры Off-canvas настраиваются из конструктора

Вызывайте где угодно

Можно отключить стандартный вывод кнопки вызова панели и вызывать стандартными методами в любом месте сайта

Загрузки

Здесь вы можете скачать последнюю стабильную версию расширения.

Расширение Off-canvas Element
Скачать бесплатно

Системные требования:

Минимальные

Joomla!
4
YOOtheme Pro
4
PHP
7.4+

Рекомендуемые

Joomla!
4.4
YOOtheme Pro
4
PHP
8.2+

Все публикуемые расширения используют сервер обновлений, поэтому после выпуска новой версии информация о ней автоматически появится в панели управления вашего сайта Joomla!*

* Проверка новых версий расширений должна быть включена!

Поддержать автора

Отсканируйте QR-код для перехода в сервис пожертвований CloudTips

Ваши пожертвования не облагаются налогом, но сервис берет комиссию за свои услуги.

Максимальная сумма 3000 ₽

Поддержать
Отсканируйте QR-код для перехода в сервис пожертвований СБЕРЧАЕВЫЕ

Ваши пожертвования не облагаются налогом, но сервис берет комиссию за свои услуги.

Максимальная сумма 1000 ₽

Поддержать
Отсканируйте QR-код для отправки TON в кошельке Telegram Wallet

Отправляйте только Toncoin (TON) на этот адрес. Любые другие активы будут безвозвратно утрачены.

Адрес кошелька: UQBDt9_i-78v872W4TrI4Bh2t5q3R8SbcHvrSJ6uBku_4fia

    To-Do

    Что запланировано на будущее

    Улучшить локализацию

    Исправить названия полей на русском языке

    Лицензия

    Расширение распространяется бесплатно как есть, в соответствии с GNU GPL v3.
    Бесплатно

    • Скачивание без ограничений

    • Использование на любом количестве сайтов

    Платно

    • Помощь в установке и настройке

    • Техническая поддержка

    • Исправление проблем совместимости со сторонними расширениями и библиотеками

    • Доработка функционала под конкретные требования заказчика

    Загляните в раздел услуг

    Закажи разработку

    Компоненты любой сложности для Joomla! и не только: интеграция сторонних сервисов; большие пакетные решения; e-commerce.

    Заказать
    Наши услуги