Элемент Контакты

+8
887
Элемент Контакты

Я продолжаю творить с компонентом визуального конструктора блоков 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, но в шаблоне все время вылетает ошибка. Не могу понять, что я делаю не так. Сейчас в блоке все ссылке во второй строке (Соцсети) открываются принудительно в новом окне. Все ссылки первой строки в текущем.

Прикреплённый файл:
Скачать 5 Кбскачан 15 раз
0
SIVcode SIVcode 1 год назад #

Опять вопрос с адаптивностью. Прошу прощения, вылетает из головы.

В файле cont.tpl.php нужно в строке 6 добавить класс flex-wrap. Должно получиться вот так:

  1. class="d-flex flex-wrap justify-content-center cont-list-top"

Тогда записи строки будут переноситься правильно на мобильном устройстве.

Еще от автора

Обновление элементов для компонента ZBuilder
Продолжаю работать над элементами для компонента ZBuilder. Выпустил несколько обновлений, которые, надеюсь вам понравятся.
Элемент Джамботрон (ZBuilder)
И еще один простой, но эффектный элемент для компонента ZBuilder.
Элемент Карусель (ZBuilder)
Как в прошлый раз, выдаю пачкой. Еще одно новое творческое изыскание на тему элементов к компоненту ZBuilder.
🍪Мы используем файлы cookie для работы сайта. Читать подробнее.