Элемент Карусель (ZBuilder)

Думаю все понятно из названия. Это элемент для компонента визуального конструктора блоков Zbuilder от автора Zau4man. Я действительно в восторге от этого компонента: очень логичный, понятный, и, как видите, прекрасно дополняется. Примите во внимание, что не программист от слова «совсем», это мое скромное хобби. На сколько могу, так сказать. Но хватит демагогии, смотрим на новый элемент.

Описание элемента: Блок построен на встроенном в Bootstarap компоненте Карусель. Шаблон отображения всего один, но вы можете его изменять заполняя или оставляя пустыми поля настройки. Количество слайдов не ограничено. На каждый слайд можно добавить: изображение, установить оверлей для изображения, заголовок, текст и кнопку. Размеры карусели задаются через пресет изображения, на демо размер изображения 1110px на 400px.

Давайте посмотрим на Карусель:

Первый слайд только с загруженным изображением и оверлеем.

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

Третий слайд имеет все возможные элементы.

Установка элемента

В архиве 4 файла. Копируем файлы form_carousel.php, form_carousel_items.php в папку /system/controlers/zbuilder/forms/elements_forms/. Копируем файлs carousel.tpl.php в папку /templates/ваша_тема/controllers/zbuilder/elements/. Копируем файл carousel.css в папку /templates/ваша_тема/controllers/zbuilder/css/.

Не забываем в настройках компонента добавить элемент, чтобы он появился в списке. Заходим в Админку, затем в Компоненты и выбираем ZBulder. Вкладка Элементы, жмем плюсик +. Название элемента любое (предлагаю Карусель), Тип элемента — carousel.

Необходимо добавить пресет изображения в компонент Загрузка изображений. Настройки пресета:

• Системное имя: carousel — только так, элемент берет пресет именно с таким именем.
• Название: любое, я предлагаю ZBuilder Карусель.
• Ширина: 1110px.
• Высота: 400px.
• Обрезать строго по размеру: включить По центру.
• Остальные настройки на ваш вкус.

ОЧЕНЬ ВАЖНО!!! Не зря я сделал акцент во вступлении, что я не программист. У элемента есть один нюанс: после сохранения (закрытия окна с формой добавления элемента), он пропадает. Но нужно просто обновить страницу и все заработает. Связано это с работой скрипта. При сохранении элемента скрипт не срабатывает, а срабатывает только после обновления страницы. Все работает корректно, без ошибок, инспектор браузера это подтверждает, слайды прокручиваются и переключаются при клике на кнопки управления.

Пользуемся!

ВАЖНО!!! Друзья, кто скачал и потестил — напишите свое мнение. Покритикуйте, скажите, что ничего не работает. Это важно. Может у вас есть идея — давайте ее воплотим.