SocialNetworks

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

Админка

SocialNetworks

Cниппет SocialNetworks

Сниппет вызывать некэшируемым

[[!SocialNetworks]]
{'!SocialNetworks' | snippet}

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

Имя Описание По умолчанию
tplOuter Чанк оформления всего блока '@INLINE <ul {$classes}>{$wrapper}</ul>'
outerClass Класс обертки list-inline
tpl Чанк оформления сервиса '@INLINE <li {$classes}><a href="{$link}" target="_blank" title="{$name}"><i class="fab fa-{$name}"></i></a></li>'
rowClass Класс сервиса list-inline-item
sortby Поле сортировки name
sortdir Направления сортировки ASC
limit Ограничение кол-ва результатов выборки 0
outputSeparator Разделить вывода строк Normal
toPlaceholder Если указан этот параметр, то результат будет сохранен в плейсхолдер, вместо прямого вывода на странице.
services Список соц. сетей для вывода. Если пусто, то выводятся все сети.
fontawesome Подключает шрифт fontawesome. Возможные варианты: webfont||svg||none webfont

Примеры:

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

{'!SocialNetworks' | snippet}


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

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

3. Сортируем

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

4. Выводим в плейсхолдер: socials

{'!SocialNetworks' | snippet: [
    'services' => 'vk,facebook-f,instagram',
    'toPlaceholder' => 'socials'
]}
{$_modx->getPlaceholder('socials')}

5. Добавляем разделить строк(outputSeparator): '<br>'

{'!SocialNetworks' | snippet}
    'services' => 'vk,facok-f,instagram',
    'outputSeparator' => '<br>'
]}



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

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

Поддерживает все бесплатные иконки шрифта fontawesome

Добавляем сервис в меню компонента:

modx

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