
Я продолжаю творить с компонентом визуального конструктора блоков Zbuilder от автора Zau4man. Представляю вашему вниманию элемент для вывода блока контактов. Так задумывал я, но вдруг вы придумаете иное назначение.
Смысл очень простой: блок выводит ссылки при клике на которые пользователь совершает определенное действие (открывается звонилка на телефоне) или переходит по ссылке (на Яндекс услуги). У блока две части, сверху выводятся контакты с подписями, снизу только иконки. Логика такова, что сверху телефон, телеграм, вотсап, мессенджер и тд., а снизу соцсети.
Блок имеет настройки: можно задать радиус скругления углов, цвет обводки и размер иконок соцсетей.
Добавление контактов. У блока два набора Кнтакты и Соцсети, которые, как я уже сказал, отображаются в верхней (Контакты) и нижней (Соцсети) части. Соответственно добавляете столько сколько нужно. Настройки при добавлении списка простые, на них не останавливаюсь.
В итоге у вас получается вот такой симпатичный (на мой вкус) блок с контактами.
Установка
В архиве 5 файлов. Копируем файлы form_cont.php, form_cont_item.php, form_cont_socials.php в папку /system/controlers/zbuilder/forms/elements_forms/. Копируем файл cont.tpl.php в папку /templates/ваша_тема/controllers/zbuilder/elements/. Копируем файл cont.css в папку /templates/ваша_тема/controllers/zbuilder/css/.
Не забываем в настройках компонента добавить элемент, чтобы он появился в списке.
Пользуемся!
!!! ВАЖНО !! Друзья, кто скачал и потестил — напишите свое мнение. Покритикуйте, скажите, что ничего не работает. Это важно. Может у вас есть идея — давайте ее воплотим.
PS
Если этот пост прочитает автор компонента Zau4man, то прошу помочь вот с каким вопросом. Я хотел добавить настройку открытия ссылок в новом окне. Пробовал это сделать через Checkbox, List, но в шаблоне все время вылетает ошибка. Не могу понять, что я делаю не так. Сейчас в блоке все ссылке во второй строке (Соцсети) открываются принудительно в новом окне. Все ссылки первой строки в текущем.
Опять вопрос с адаптивностью. Прошу прощения, вылетает из головы.
В файле cont.tpl.php нужно в строке 6 добавить класс flex-wrap. Должно получиться вот так:
Тогда записи строки будут переноситься правильно на мобильном устройстве.