Социальные кнопки

Что делает модуль

Для каждой кнопки задаются название, адрес, иконка или изображение, порядок и способ открытия ссылки.

Где пригодится

Контакты остаются в одном управляемом списке: смена адреса не требует поиска по шаблонам.

Пример из демо-шаблона

Ниже — реальная метка из дизайна FoXBuilder. Система подставляет в неё вывод модуля или данные текущей страницы; метки настраиваемых экземпляров задаются в админке.

<footer>[#site_socials#]</footer>

Ссылки на Facebook, TikTok и другие каналы, которые можно менять без правки шаблона.

Ссылки на социальные сети FoXBuilder размещены в подвале сайта.

Как это собрать

1. Создайте экземпляр модуля и выберите его HTML-шаблон.
2. Добавьте метку [#site_socials#] в шаблон страницы и привяжите экземпляр.
3. Заполните содержимое на нужных языках.
4. Откройте демо-страницу и проверьте результат.

Код шаблона

modules/social_buttons/templates/foxbuilder/footer.html

<!-- @wrapper -->
<nav class="social-buttons foxbuilder-socials" aria-label="%aria_label%">%items%</nav>
<!-- @item -->
<a class="social-button social-button--%network%" href="%url%" %target% %rel% aria-label="%title%">%media%</a>

Метка в шаблоне страницы

[#site_socials#]