Аккордеон из виджетов

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

Как задействовать:
1. содержимое архива залить в корень вашего шаблона (архив для шаблона tseso — здесь)
2. подключить в main.tpl.php стиль и скрипт:
  1.  
  2. <link rel="stylesheet" type="text/css" href="/templates/<?php echo $this->name; ?>/accordion/accordion.css">
  3. <script type="text/javascript" src="/templates/<?php echo $this->name; ?>/accordion/accordion.js"></script>
  4.  
3. нужным виджетам назначить шаблон контейнера wrapper-accordion.

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

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

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

Мира вам!
0
Alexprofi Alexprofi 5 лет назад #
Спасибо, полезная штучка, думаю многим пригодится!
+2
Денис Васильевич Денис Васильевич 5 лет назад #
Я бы добавил возможность применения данной функции для определённых разрешений и вывел сие в опции шаблона. Т.е. чтобы при просмотре на смартфоне с небольшим разрешением, скрывать не столь важные виджеты.
+2
Олег Васильевич я Олег Васильевич я 5 лет назад #
Денис Васильевич, добавляйте popcorn
0
Игорь Lu Игорь Lu 5 лет назад #
Пригодится однозначно. При много благодарен joke
0
Владимир Савенко ✝️ Владимир Савенко ✝️ 5 лет назад #
Олег Васильевич - музыкант)))) МОЛОДЕЦ!!!
0
Олег Васильевич я Олег Васильевич я 5 лет назад #
Изменённые файлы для шаблона Tseso здесь

Еще от автора

Pioneer - скин для шаблона modern
Бред сумасшедшего на тему "Как бы выглядела InstantCMS 1-х сегодня".
Одна ёлка, немного снега и два Деда, играющихся в прятки
Ещё один вариант новогоднего украшения. Пока не замылено в сети (на эту минуту стоит только на 2-х сайтах)
Новогодние скидки
Всё платное за 50%
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.