Соціальні кнопки

Що робить модуль

Для кожної кнопки задаються назва, адреса, іконка чи зображення, порядок і спосіб відкриття.

Де стане у пригоді

Контакти зберігаються в одному керованому списку: зміна адреси не потребує пошуку в шаблонах.

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

Нижче — реальна мітка з дизайну 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#]