XF 2.0 Соединить виджеты

[freely]

Привет еще раз.

Хочу теперь соединить виджеты вместе, как это сделать, тоисть сделать чтобы он был один. Хотел сделать три в одном но не знаю как less настроить.
Пример у меня так

.widget-tgchatt {
    height: 30px;
    font-size: 11px;
    line-height: 30px;
    font-family: Verdana;
    cursor: pointer;
    width: 100%;
    min-height: 31px;
    color: #fff;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 5px;
    background: #1c86ee;
}
.widget-tgchannel {
    height: 30px;
    font-size: 11px;
    line-height: 30px;
    font-family: Verdana;
    cursor: pointer;
    width: 100%;
    min-height: 31px;
    color: #fff;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 5px;
    background: #ec4e4e;
}
.widget-tgbot {
    height: 30px;
    font-size: 11px;
    line-height: 30px;
    font-family: Verdana;
    cursor: pointer;
    width: 100%;
    min-height: 31px;
    color: #fff;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 5px;
    background: #2d936c;
}

Как соединить все это?

 

[HAIM]

У каждого виджета есть уникальный ключ, пример его использования написан серым текстом на странице создания/редактирования виджета

 

[Mirovinger]

Как, всё просто, прописать в одном общем виджете либо сам код, либо ключи виджетов.

 

[DEVIL]

Сделал плагин, с шаблоном less, на его примере поймешь как в другой раз делать.

Настройки плагина

Настройки стиля

Вид в админке (юзлес скрин но прикреплю).

Виджет

После установки аддона, кнопки сами появятся в сайдбаре.

Все фразы начинаются с frtgw_ для удобства.
Шаблон с кнопками fr_tgw
Less шаблон с кнопками fr_tgw.less