Home Joomla Статьи Статьи о Joomla CSS суффикс страницы Joomla
CSS суффикс страницы Joomla PDF Печать E-mail
Автор: А.Волос   

 Суффикс класса страницы предназначен для того, чтобы страницы с одинаковым шаблоном могли выглядеть не похожими друг на друга, за счет css стилей, которые специфицируются этим суффиксом.

 

Сделаем суффикс класса страницы ДВОЙНЫМ!

 

 

Суффикс будет выглядеть например так:

-var1-category
-var2-classic
-var3-classic

Первая часть суффикса будет отвечать за шаблон,
вторая часть - за css-стили.

Таким образом мы сможем иметь страницы с одинаковым шаблоном, но разным css-дизайном (цветовым решением), или же наоборот с одинаковым css и разными шаблонами.

И делать это будет легко и просто путем изменения либо первого, либо второго элемента суффикса страницы. На результирующей странице первый элемент суффикса естественно не должен присутствовать!
Теги будут выглядеть так:

<div class="item-page-category">
<div class="item-page-classic">
<div class="item-page-classic">

Соответственно в начале переопределенного нами шаблона страницы сделаем такой код, который находит первый и второй элементы суффикса:

 
 $suff = $this->pageclass_sfx;

//найдем часть суффикса, которая отвечает за шаблон
//ищем начиная со второго символа
$s_pos = strpos($suff,"-",1);
$var = substr($suff,1, ($s_pos-1));
 
//вычленим вторую часть суффикса, которая отвечает за css-стили
//ищем начиная с конца строки
$s_pos2 = strrpos($suff,"-");
$suff2 = substr($suff,$s_pos2);
 

Затем сделаем череду проверок:


<?php if($var == 'var1'):?>
  <div class="item-page<?php echo $suff2?>">
  ... 

<?php elseif($var == 'var2'):?>
  <div class="item-page<?php echo $suff2?>">
  ...

<?php elseif($var == 'var3'):?>
  <div class="item-page<?php echo $suff2?>">
  ...

<?php else :?>
  <div class="item-page<?php echo $suff2?>">
  ...

<?php endif; ?>


В каждом из условий прописываем новый шаблон для страницы.

Значение обоих элементов суффикса класса страницы устанавливается пользователем в админпанели на странице редактирования пункта меню, ссылающегося на данную страницу.

 

Обновлено 23.09.2014 16:26