Заголовок для объединённых виджетов

Заголовок для объединённых виджетов
Для вывода заголовка объединённых виджетов я использую очень простое решение. В этом посте я расскажу как сделать подобное на стандартном шаблоне. 



Сперва изменяем заголовок нашего первого виджета в списке объединённых виджетов
Полезное из ББШ :: Заголовок для объединённых виджетов

т.е. просто разделяем заголовок виджета и заголовок для объединённых виджетов символом |
Например так: Заголовок для объединённых виджетов|Заголовок виджета
Полезное из ББШ :: Заголовок для объединённых виджетов



Править будем файл обёртки для объединённых виджетов:
\templates\ваш шаблон\widgets\wrapper_tabbed.tpl.php

1

В самом начале файла помещаем след. код:
Код PHP:
			
  1. <?php $is_groups_title = mb_strstr($widgets[0]['title'], '|') ? true : false; ?>
После:
Код PHP:
			
  1. <div class="widget_tabbed">
Добавляем след. строки:
Код PHP:

			
  1. <?php if ($is_groups_title) { $wtitle = explode('|',$widgets[0]['title']); ?>
  2. <div class="widget_tabbed-title"><?php echo $wtitle[0]; ?></div>
  3. <?php } ?>

2

Сразу после:
Код PHP: 
			
  1. <?php foreach($widgets as $index=>$widget) { ?>
Добавляем:
Код PHP:
			
  1. <?php if ($index==0 && $widget['title'] && $is_groups_title) { $widget['title'] = $wtitle[1]; } ?>

4

Теперь оформим новый блок с заголовком объединённых виджетов. 
В файл \templates\ваш шаблон\css\theme-widgets.css добавим новые стили:
Код PHP:
			
  1. .widget_tabbed-title{
  2. padding:20px;
  3. font-size:19px;
  4. }
Системный компонент, виджет Виджеты
Тип системного дополнения Хак
22:18
Нет комментариев. Ваш будет первым!

НазадПоделиться на сайт

Код для вставки на сайт:
Пример отображения:

X