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

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

Я продолжаю творить с компонентом визуального конструктора блоков 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 Кбскачан 3 раза
0
iDrevniy iDrevniy 21 день назад #

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

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

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

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

Еще от автора

Если сайт посещают боты, портят статистику, не дают продвигаться.
Нужно ли бороться с ботами и как их победить?
Элемент Таблица цен
Элемент для компонента Zbuilder.
Элемент Прайс-лист
Новый элемент для компонента Zbuilder.
🍪Мы используем файлы cookie для работы сайта. Читать подробнее.