Тематика: По цвету: Красный Желтый Зеленый Синий Оранжевый Розовый Серый Белый Черный Мульти

Ваш сайт на CMS Joomla? Добавьте его в галерею Joomfans!

Вы можете совершенно бесплатно добавить ваш веб-сайт в нашу галерею сайтов. Подробнее...

Галерея Добавить

Главная Статьи Блог K2: разные стили оформления для стандартных дополнительных полей
K2: разные стили оформления для стандартных дополнительных полей
k2-extra-fields-style
Разработчики компонента K2 по умолчанию для дополнительных полей сделали чередование стилей с использованием четных и нечетных правил (Odd и Even). Таким образом мы можем применить различные стили к полям K2. Все бы ничего, но если полей 10 штук и мы хотим к каждому применить свое оформление. Стандартным применением мы не сможем добиться решения данной задачи и на выходе максимум что мы получим, это примерно такой вариант:

2012-02-22 153311


В данном случае использовались стили оформления для четных и нечетных строк: li.even.typeLink.group1 и li.odd.typeLink.group1


Можно также изменить стиль оформления самого поля (в данном случае ссылки), но мы опять же получим только 1 вариант для всех дополнительных полей, так как все поля имеют один и тот же класс оформления span.itemExtraFieldsValue a:


2012-02-22 154051

Но как нам быть если мы хотим использовать различные стили для первого, второго, третьего..... поля? Очень просто! Откройте файл - /components/com_k2/templates/default/item.php или если шаблон K2 у вас находится в папке с шаблоном /templates/название_шаблона/html/com_k2/templates/default/item.php

Далее вам необходимо добавить к стилю полей идентификатор (ID) самого поля. Для этого найдите строки вывода дополнительных полей (250-266 строки) и измените строчки:
<span class="itemExtraFieldsLabel"><?php echo $extraField->name; ?>:</span>
<span class="itemExtraFieldsValue"><?php echo $extraField->value; ?></span>
на
<span class="itemExtraFieldsLabel<?php echo $extraField->id; ?>"><?php echo $extraField->name; ?>:</span>
<span class="itemExtraFieldsValue<?php echo $extraField->id; ?>"><?php echo $extraField->value; ?></span>
Как вы могли заметить, мы добавили к классу стиля, получение уникального идентификатора (ID) каждого поля.
<?php echo $extraField->id; ?>
После всех этих манипуляций, у каждого заголовка и дополнительного поля получается свой уникальный стиль. Для примера: Заголовок первого поля теперь имеет класс span.itemExtraFieldsLabel1, второй заголовок имеет класс span.itemExtraFieldsLabel2 (ранее у всех заголовков был один класс span.itemExtraFieldsLabel)
и также с выводом полей:
Первое поле имеет класс span.itemExtraFieldsValue1, а второе поле имеет класс span.itemExtraFieldsValue2 (ранее у всех полей был один класс span.itemExtraFieldsValue) и так все поля теперь имеют свой уникальный класс, благодаря уникальному ID каждого поля.

После этого вы можете изменять дополнительные поля как вам угодно, для примера я сделал так:

2012-02-22 160907

Можете добавлять изображения, менять цвета, шрифт и все что угодно для каждого поля и его заголовка с использованием CSS оформления.

Данное решение предназначено для CMS Joomla 1.5 и Joomla 2.5 с использованием компонента K2 v2.5.4. В более ранних версиях компонента, может быть несоответствие строк.

Если вам понравилась данная статья, вы можете также почитать статью - K2: дополнительные поля в разных местах шаблона.

Автор: Joomfans.com

Копирование информации без размещения активной и индексируемой ссылки - ЗАПРЕЩЕНО!

При частичном или полном копировании размещение активной индексируемой ссылки на сайт Joomfans.com - обязательно!

Партнеры

 

Добавить комментарий


Защитный код


Литература

8 видеоуроков по…

На днях популярная и известная студия по разработке шаблонов и…

Joomla!…

Если вы часто создаете сайты на CMS Joomla! 1.6, 1.7 или 2.5 то вы…

10 легких шагов к…

Прочитав книгу Хагена Графа «10 легких шагов к освоению Joomla! 3.0»…

Joomla! 2.5 -…

Книга «Joomla! 2.5 - Руководство для начинающего пользователя»…

Инструменты

Akeeba SiteDiff

При создании сайта, всегда есть вероятность того что он будет взломан…

Morph Framework

Последняя обновленная и уже совершенно бесплатная версия фреймворка…

CodeLobster PHP…

Очень мощный и многофункциональный редактор РНР, HTML, CSS,…

JB Zen Grid Framework…

Последняя обновленная версия фреймворка Zen Grid от студии…