Widgetkit — виджеты на любой вкус

8.2/10 оценка (5 голосов)

Widgetkit — это уникальный набор веб-инструментов, без которых на сегодняшний день нельзя создать качественный сайт. С помощью него вы можете сделать лайтбокс, слайд-шоу, медиа-плеер, а также выводить эффекты на картинку или текст.

Основные особенности компонента

  • 17 красивых эффектов перехода изображений, которые произведут неизгладимое впечатление на пользователей вашего сайта.
  • При объединении CSS и JavaScript стало возможным автоматическое и быстрое кеширование, благодаря которому элементы работают быстрее.
  • Widgetkit хорошо работает на всех сенсорных устройствах.
  • Виджеты имеют несколько стилей отображения, вследствие чего они идеально подходят к любому сайту.
  • Компонент построен на HTML5, CSS3 и последней версии JQuery.
  • Современные функции управления.
  • Использование современных веб-технологий.
  • Чистый и легкий код.
  • Возможность воспроизводить мультимедийные материалы.
  • Автоматическая калибровка изображений с возможностью быстрой загрузки по мере прокрутки страниц сайта.
  • Поддержка отображения нескольких виджетов на одной странице сайта.

Какие бывают разновидности виджетов?

Разработчики YOOtheme создали 9 различных виджетов:

Всплывающее окно виджета lightbox

 

Lightbox — позволяет просматривать изображения, HTML и медиа контент во всплывающем окне, не покидая текущей страницы. При этом, фон становится темнее.

 

Пример видео и аудиофайловMedia Player — вставляет аудио и видеофайлы на сайт. Построен на HTML и CSS, полностью совместим с HTML5. Плеер имеет запасной Flash Player для нескольких более старых браузеров, которые не поддерживают html5. Тут всего пару настроек. Активация данного плагина и назначение селекторов для файлов.

Также, помимо формата видео .mp4, можно подключать форматы .webm, .ogv

Виджет slideshow со стрелками для перелистыванияSlideshow — создает слайд-шоу с различными эффектами переключения изображений, настройками таймаутов и т.д. Данный виджет применяет технологии html5 и css3, легко установливается и может отображать 17 определенных эффектов. Один из самых распространенных виджетов на сегодняшний день.

 

Пример виджета с наложением текста на картинкуSpotlight — позволяет накладывать картинку или текст на изображения. Эффект плавно появляется при наведении мыши. Также у данного виджета есть опция установки ссылок на другие странички.

В данном виджете всего три настройки — активация плагина, скорость и селектор для указания тех фоток, для которых мы его будем применять.

Twitter — виджет, позволяющий выводить последнее сообщение с сервиса в твитер. Больше нет необходимости использовать специальный модуль YOOtweet.

Один из примеров отображения slideset на страницеSlideset — интересный виджет, при помощи которого можно отобразить необходимые товары на вашем сайте с различными дополнительными эффектами.

 

Gallery — полностью автоматизированный способ публикации изображений. Вам нужно только выбрать папку с картинками и галерея сгенерируется автоматически. Также легко настраиваются размеры изображения и стиль оформления галереи.

Оформление виджета в виде галлереиПример оформление виджета в виде отдельных фотографий

Внешний вид Google MapMap — это отличный виджет, с помощью которого вы можете добавить карту. В нем можно ее настроить, изменить цвет и добавить маркеры. На данный момент поддерживается карты только от Google Maps.

Виджет в виде аккордионаAccordion — позволяет отображать набор элементов в компактном виде, называемом «Аккордеон». При нажатии на вкладки открывается контент, а при повторном клике сворачивается. Виджет очень удобен для сайтов с большим количеством материала, который надо уместить в одно небольшое место.

Однако бесплатная версия Widgetkit использует только первые 4 из этих виджетов.

Где и как настраивается компонент?

Компонент widgetkitДля того, чтобы создать виджет, найдите в панели управления надпись Компоненты. Наведите курсор и кликните в выпадающем списке на Widgetkit.

Вы увидите вкладки, где каждая из них обозначает свой виджет и имеет собственные настройки.

 

Widgetkit, Элементы

У меня остались вопросы, где я могу их задать?

Вы можете обратиться на наш специальный форум техподдержки JBZoo. Если у вас нет активного аккаунта со знаком «плюс» в тарифном плане, то вы можете задать свой вопрос в одном из этих разделов или на любой из наших контактов. Форум специально предназначен для JBZoo, приоритет и скорость ответа там выше.