Component for the output of social networks and other services.

Admin

SocialNetworks snippet (call non-cacheable).

[[!SocialNetworks]]

Snippet options:

    
• tplOuter — The chunk of the design of the entire block. Default:

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

    
• outerClass — The wrapper class. Default: list-inline
    
• tpl — Service design chunk. Default:

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

    
• rowClass — The class of service. Default: list-inline-item
    
• sortby — The sort field. Default: name
    
• sortdir — Sort directions. Default: ASC
    
• limit — Limit the number of sample results. Default: 0
    
• outputSeparator — Split output lines. Default: /
    
• toPlaceholder — If this parameter is specified, the result will be saved in the placeholder, instead of direct output to the page.
    
• services = Social List networks for output. If empty, all networks are displayed.
    
• fontawesome — Enables the fontawesome font. Possible options: webfont || svg || none . Default: webfont

Examples :

1. We show all services:

{'SocialNetworks' | snippet}

2. We show only 3 services: Vkontakte, Facebook, Instagram

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

More examples can be seen here

How do I add more services?

Add the required array element to the system setting: socialnetworks_services : [«modx», «MODX»]
Add the service to the component menu:

Output:

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