105

Product support

Get help in the plugin support forum.

Categories

Plugin component displays share buttons

Social Networks and Messengers:

  • Facebook
  • Twitter
  • VK
  • Odnoklassniki
  • LinkedIn
  • Telegram
  • Viber
  • WhatsApp

Features

  • easy setup
  • SVG icons are used for buttons, so there are no dependencies on icon fonts
  • no external links
  • there is no interaction with database
  • optimized javascript file (826 B)
  • without jQuery

Button Style

Silver Silver

Color Silver

With text Silver

Simple settings are available in the component settings.

Paste buttons

If you work with code, you can insert buttons as follows:

[ShareButtons]
css = 1
skin = "text"
fb = 1
tw = 1
vk = 1
ok = 1
in = 1
tg = 1
vb = 1
wa = 1
==
{% component 'ShareButtons' %}

Buttons:

  • fb - Facebook
  • in - LinkedIn
  • ok - Odnoklassniki
  • tg - Telegram
  • tw - Twitter
  • vb - Viber
  • vk - VK
  • wa - WhatsApp

Values:

  • 1 - enable
  • 0 - disable

Skins:

  • silver
  • color
  • text
  • custom

You can do a similar layout:

<div>Share: {% component 'ShareButtons' %}</div>

or

<div class="container">
    <h3>Share</h3>
    <div>{% component 'ShareButtons' %}</div>
</div>

Custom CSS

Create file share-custom.css and place it in folder plugins/webvpf/share/assets/css/. In component settings, select Custom item for Button Style.

Disable css

You can completely disable predefined css in component settings. Styles can be placed in css themes or wherever convenient for you.

Disable in code

set 0 for css:

[ShareButtons]
css = 0
fb = 1
==
{% component 'ShareButtons' %}
1.0.2

By default all buttons are disabled. Code Improvement

Feb 25, 2020

1.0.1

First version of Share

Feb 24, 2020