Я продолжаю творить с компонентом визуального конструктора блоков Zbuilder от автора Zau4man. Давайте попробуем сделать сайт симпатичнее и функциональнее с помощью элемента Блок с картинкой.
Описание элемента: Блок построен на встроенном в Bootstarap компоненте Cards. Содержит 3 шаблона (жду ваших пожеланий) разной верстки: 1 горизонтальный и 2 вертикальных. Много настроек внешнего вида: скругление углов; цвет фона, текста; оверлей изображения и др. Каждый блок содержит изображение, заголовок, текст, кнопку (тоже можно настроить), футер (для вертикального отображения). Адаптивность под мобильные устройства.
Горизонтальный шаблон По-умолчанию:
Вертикальный шаблон Deck:
Вертикальный шаблон Group:
Я постарался сделать настройки максимально понятными, подписав все поля. Экспериментируйте, задавайте вопросы.
Установка элемента
В архиве 6 файлов. Копируем файлы form_blockimg.php, form_blockimg_items.php в папку /system/controlers/zbuilder/forms/elements_forms/. Копируем файлs blockimg.tpl.php, blockimg_deck.tpl.php, blockimg_group.tpl.php в папку /templates/ваша_тема/controllers/zbuilder/elements/. Копируем файл blockimg.css в папку /templates/ваша_тема/controllers/zbuilder/css/.
Не забываем в настройках компонента добавить элемент, чтобы он появился в списке. Заходим в Админку, затем в Компоненты и выбираем ZBulder. Вкладка Элементы, жмем плюсик +. Название элемента любое (предлагаю Блок с картинкой), Тип элемента — blockimg.
Пользуемся!
!!! ВАЖНО !!! Друзья, кто скачал и потестил — напишите свое мнение. Покритикуйте, скажите, что ничего не работает. Это важно. Может у вас есть идея — давайте ее воплотим.
