Компонент для вывода социальных сетей и других сервисов.

Админка

Cниппет SocialNetworks (вызывать некэшируемым).

[[!SocialNetworks]]

Параметры сниппеты:

• tplOuter — Чанк оформления всего блока. По умолчанию:

  @INLINE <ul {$classes}>{$wrapper}</ul>

• outerClass — Класс обертки. По умолчанию: list-inline
• tpl — Чанк оформления сервиса. По умолчанию:

  @INLINE <li {$classes}><a href="{$link}" target="_blank" title="{$icon}"><i class="fab fa-{$name}"></i></a></li>

• rowClass — Класс сервиса. По умолчанию: list-inline-item
• sortby — Поле сортировки. По умолчанию: name
• sortdir — Направления сортировки. По умолчанию: ASC
• limit — Ограничение кол-ва результатов выборки. По умолчанию: 0(неограниченно)
• outputSeparator — Разделить вывода строк. По умолчанию: /n
• toPlaceholder — Если указан этот параметр, то результат будет сохранен в плейсхолдер, вместо прямого вывода на странице.
• services = Список соц. сетей для вывода. Если пусто, то выводятся все сети.
• fontawesome — Подключает шрифт fontawesome. Возможные варианты: webfont||svg||none. По умолчанию: webfont

Примеры:

1. Показываем все сервисы:

{'SocialNetworks' | snippet}

2.Показываем только 3 сервиса: Vkontakte, Facebook, Instagram

{'SocialNetworks' | snippet: [
    'services' => 'vk,facebook-f,instagram'
]}

Больше примеров можно посмотреть здесь

Как добавить еще сервисы?

Добавляем необходимый элемент массива в системную настройку: socialnetworks_services: [«modx»,«MODX»]
Добавляем сервис в меню компонента:

Выводим:

{'SocialNetworks' | snippet: [
    'services' => 'modx'
]}