Since we support 40 platforms, showing all platforms in a single line is likely to mess up the whole page.

So we include a "more" entry, which is a "..." icon by default. When the cursor hovers above the entry, a panel including all the rest supported platforms will show up.

The param that controls the "more" feature is moreandextended,the latter one will only be used if the former one is set to true(by default it is true). An example is shown as follows:

$("#container").hshare({
    more: true,
    extended: [{
        name: "pengyou"
    }, {
        name: "kaixin"
    }, {
        name: "linkedin"
    }, {
        name: "twitter"
    }, {
        name: "facebook"
    }, {
        name: "heavenduke",
        template: "<a class='hshare hshare-small' target='_blank' href='https://www.heavenduke.com'><img align='top' src='https://www.heavenduke.com/favicon.ico'>HeavenDuke</a>"
    }]
});

You can also specify what platform will be included in the more panel. The way to specify it will be very similar to Configure a platform, but differs in:

  1. size param is disabled and the supported platform will be shown in "small" size unless customized.
  2. text will be shown no matter whether renderText is set to true or false.

The rest is the same as Configure a Platform.