Аккордеон из виджетов Для InstantCMS 2.X. 2 469 просмотров

Здравствуйте!
Аккордеон типа ~~баян~~ гармошка из виджетов.
Делал когда-то подобное для единички, попросили вот для двойки сделать. Может ещё кому-то пригодится .

Как задействовать:
1. содержимое архива залить в корень вашего шаблона (архив для шаблона tseso — здесь)
2. подключить в main.tpl.php стиль и скрипт:

 
<link rel="stylesheet" type="text/css" href="/templates/<?php echo $this->name; ?>/accordion/accordion.css">
<script type="text/javascript" src="/templates/<?php echo $this->name; ?>/accordion/accordion.js"></script>

3. нужным виджетам назначить шаблон контейнера wrapper-accordion.

По умолчанию тело всех таких виджетов будет скрыто.
Если нужно чтобы какие-то из виджетов были изначально открыты, присвойте им класс CSS для заголовка acc_active.

Учитывая, что в заголовках виджетов большинства шаблонов выводятся ссылки, клик работает только по тексту заголовка.

Посмотреть можно здесь (в правом сайдбаре виджеты ниже вертикального меню).

Мира вам!

Обновление шаблонов Tseso и Tseso+

Обновление шаблонов для первой ветки до версии 1.10.7 + скидки

6 комментариев

Реклама #

Alexprofi 8 лет назад #

Спасибо, полезная штучка, думаю многим пригодится!

Денис Васильевич 8 лет назад #

Я бы добавил возможность применения данной функции для определённых разрешений и вывел сие в опции шаблона. Т.е. чтобы при просмотре на смартфоне с небольшим разрешением, скрывать не столь важные виджеты.