Элемент Контакты
Описание
Это элемент для компонента Zbuilder от автора Zau4man . Компонент представляет собой визуальный редактор блоков с помощью которого вы можете красиво оформить любую страницу сайта, сделанного на InstantCMS.
Версия: 1.0.0
ZBuiler: 1.0.2 и выше
InstantCMS: 2.16.3 и выше
Дополнительно: начальные знания HTML и CSS
Очень простой элемент, который в рамке выводит ваши контакты. Но не обязательно. Элемент состоит из двух строк, содержимое которых не зависит друг от друга. Каждый элемент представляет из себя иконку, заголовок и ссылку, кроме нижнего ряда, в котором отсутствует заголовок. Соответственно, элемент можно использовать для каких угодно целей. Настраиваются: иконки, размер, цвет рамки и скругление углов.
Если у вас есть идеи как улучшить этот элемент, пишите в комментариях.
Установка и Обновление
Установка производится стандартным для компонента ZBuilder способом. В архиве 5 файлов.
1. Зайдте в файловый менеджер вашего хостинга или подключитесь к каталогу с файлами вашего сайта по ftp.
2. Скопируйте файл form_cont.php и form_cont_items.php , form_cont_socials.php в папку /system/controlers/zbuilder/forms/elements_forms/ .
3. Скопируйте файл cont.tpl.php в папку /templates/ваша_тема*/controllers/zbuilder/elements/ .
4. Скопируйте файл cont.css в папку /templates/ваша_тема*/controllers/zbuilder/css/elements/ .
5. Авторизуйтесь на вашем сайте с правами Администратора . Перейдите на вкладку Компоненты , затем выберите компонент Конструктор блоков Zbuilder .
6. В открывшемся окне выберите вкладку Элементы и нажмите +Добавить .
7. Название элемента можно любое (предлагаю Контакты), Тип элемента обязательно cont.
Обновление элемента производится простым копированием новых файлов на хостинг с заменой. Либо удалите старые файлы и скопируйте новые. Важно! Не меняйте названия файлов, это нужно для правильной работы компонента.
Настройка
Чтобы добавить элемент на страницу:
1. Перейдите в Админ панель вашего сайта на вкладку Виджеты и страницы . Выберите страницу на которую хотите добавить элемент Прайс-лист.
2. Добавьте виджет Бинд-блоков из раздела Конструктор блоков.
3. Перейдите на фронтэнд страницы на которой хотите добавить элемент Прайс-лист. Включите Редактор областей .
4. Добавьте нужный вам блок (рекомендую одну колонку), нажав на + и выбрав нужный в раскрывающемся списке.
5. Добавьте элемент Контакты , нажав на + в нужном блоке и выбрав элемент из раскрывающегося списка.
6. Кликните по ссылке добавить , чтобы добавить элемент контактов или соцсеть.
7. В открывшемся окне добавления контактов заполните нужные поля:
- Иконка — выберите иконку из набора темы. Кликните по кнопке выбрать, в открывшемся окне выберите иконку и кликните по ней (код будет скопирован), вставьте скопированное значение в поле.
- Название — отображается рядом с иконкой.
- Ссылка — в обычном формате для внешних страниц (https://webassemble.ru) и в сокращённом для внутренних (/internal-page.html). Если это поле заполнено, то Название будет ссылкой.
Обязательных полей нет, вы заполняете только нужные вам. Если поле не заполнено, то в шаблоне значение поля не рендерится и, соответственно, не выводится.
8. В открывшемся окне добавления соцсетей заполните нужные поля:
- Иконка — выберите иконку из набора темы. Кликните по кнопке выбрать, в открывшемся окне выберите иконку и кликните по ней (код будет скопирован), вставьте скопированное значение в поле.
- Ссылка — в обычном формате для внешних страниц (https://webassemble.ru) и в сокращённом для внутренних (/internal-page.html). Если это поле заполнено, то Название будет ссылкой.
Оба поля являются обязательными для заполнения, иначе нет смыла.
9. Кликните по кнопке Сохранить .
Вы можете добавить неограниченное количество контактов и соцсетей и каждый со своими настройками полей. После добавления всех элементов списка, нажмите кнопку Сохранить . Готово! Контакты отображаются на сайте. Можно выключить Редактор блоков .
