class="eliadunit">

Вступление

Настройки вывода материалов Joomla 3 позволяют выводить статьи сайта в различных визуальных формах: блог или список статей категории, список статей нескольких категорий. Есть вывод в виде блога материалов помеченных, как избранные. Сразу замечу, что в Joomla настройки нижнего уровня отменяют настройки уровня верхнего. Такая отмена называется переопределение настроек. Поясню: настройки, как отображать (вывести) статью, отменяют такие же настройки категории, а настройки категории отменяют общие настройки для всего контента.

Настройки, относящиеся ко всем материалам сайта, являются настройками по умолчанию.

Иерархия настроек вывода материалов

Настройки отображения материалов на сайте Joomla3 можно производить на разных уровнях структуры материалов сайта.

• Верхним уровнем настроек являются общие настройки, относящиеся ко всему материалу сайта.
• Следующий уровень, который переопределяет общие настройки, это настройка пунктов меню и настройки отдельных категорий.
• Нижним уровнем настроек материалов, который отменяет все верхние настройки, это настройка отображения самих статей.

Все настройки низшего уровня, последовательно переопределяют настройки предыдущего уровня. Так, если вы в общих настройках материалов, настроите показ статей сайта, в виде блога, то эту настройку можно переопределить настройкой раздела и вывести статьи раздела сайта, не как блог, а как список.

Общие настройки отображения материалов

Общие настройки отображения материалов относятся ко всем материалам сайта, если они не меняются в настройках категорий или настройках пунктов меню, в которые входит этот материал.

Открыть страницу «Общие настройки материалов» можно из двух мест административной панели:

• Открыть «Панель управления»;
• В меню быстрого доступа, нажать ссылку «Менеджер материалов»;
• Далее кнопка «Настройка» в панели инструментов «Менеджера материалов».

• В верхнем горизонтальном меню административной части выбрать Материалы → Менеджер материалов, далее ссылка «Настройка» в панели инструментов.

О странице «Общие настройки материалов»

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

Материалы. Это настройки внешнего вида (макета) отдельных статей. Отменяются настройками пункта меню. Важно понимать, что эти общие настройки макета материала, относящиеся ко всем статьям сайта, могут быть переопределены настройками пункта меню. Но настройки пункта меню отменяются настройками вывода отдельного материала на странице написания самой статьи.

Форма редактирования. Это настройка, определяет форму редактирования материала, открывающуюся с Frontend сайта.

Категория. Эта вкладка настроек применяется для всех категорий сайта. Однако, эти настройки можно изменить (переопределить) в настройках отдельной категории или настройками отдельного пункта меню, в который эта категория входит.

Категории. Настройки «Категории» продолжение предыдущего пункта. Также эти настройки работают на всех категориях сайта, однако могут быть изменены (переопределены) в настройках вывода статей категории или пункта меню.

Блог / Избранные . Статьи категорий можно выводить в виде блога. Есть возможность сформировать блог избранных материалов. Часто, блог избранных материалов это главная страница сайта. Внешний вид блогов сайта определяется именно этой настройкой. Наверное, вы уже поняли, настройки «Блог / Избранные» отменяются и заменяются настройками в пунктах меню, к которым относится этот блог.

class="eliadunit">

Макет списка. Макет списка это вывод материалов в виде списка. Список может быть, списком статей раздела, списком разделов. Эти настройки тоже не «железобетонные» и могут быть заменены в настройках показа статей отдельной категории или статей пункта меню.

Общие настройки. Эти настройки относятся к макетам типа Список, Блог и Избранные. Меняются в "Параметры" настроек пунктов меню и «Параметрах» категории.
Интеграция. Этими настройками формируется внешний вид новостных лент RSS сайта. Joomla 3 отдельно формирует RSS ленты для всех разделов сайта.

Права. Настройка «Права» определяют права пользователей для доступа ко всем материалам сайта. Отдельно настраиваются права для создания материалов, их редактирования и изменения.

Как мы видим из этого списка общих настроек вывода материалов, часть из них можно отменить настройками отдельного пункта меню или настройками отдельных категорий, а часть настроек переопределяется только настройками пунктов меню (Блок / Избранные).

Настройка вывода отдельного материала

Самой главной настройкой, определяющий макет отдельного материала, является настройки самого материала при редактировании или написании статьи. Назывались они «Параметры отображения материала», сейчас "Отражение".

Если в настройках «Параметры отображения материала» оставить настройки «По умолчанию», то материал будет выводиться по настройкам пункта меню, в котором этот материал находится.

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

Настройка вывода блога и избранные материалы

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

Макет любого блога или блог избранных материалов будет выводиться по настройкам пункта меню для этого блога. Если в настройках пункта меню ничего не заполнять, то применятся «Общие настройки» материалов, называемые по умолчанию. Другие настройки выставляются по необходимости.

Для пользователей Joomla, “список категорий” - это знакомый тип меню, который позволяет пользователям отображать категории ии подкатегории в формате списка. Однако, страница выглядит слишком просто и очень красиво, например, с шаблоном Protostar.

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

ШАГ 1: Создание категории, подкатегории и статей

Во-первых, перейдите в Материалы > Менеджер категорий > Создать категорию, чтобы, конечно же, создать новую категорию, а также несколько подкатегорий. На вкладке “параметры” каждой подкатегории, вы должны выбрать изображения для них.

ШАГ 2: Некоторые изменения в настройках материалов

На этом шаге вам нужно зайти в Система > Общие настройки > Материалы или же вы можете перейти в Материалы > Менеджер материалов > Настройки. В разделе"Категории", необходимо изменить некоторые параметры, как показано ниже:

Сообщение об отсутствии материалов: Скрыть

Кол-во материалов в категории: Показать

ШАГ 3: Создайте новый пункт меню

Перейдите в Меню > Главное меню и создайте новый пункт меню с типом “Список всех категорий” (Материалы > Список всех категорий). Затем, выберите категорию с подкатегориями, которую вы только что создали.

На данный момент на странице пункта меню, который вы создали, результат будет выглядеть примерно так:

ШАГ 4: Создайте переопределение

Чтобы создать новое переопределение, перейдите в Расширения > Менеджер шаблонов > Шаблоны. Затем откройте шаблон, который вы хотите добавить новое переопределение. В этой статье мы возьмем стандартный шаблон Joomla 3 “Protostar” в качестве примера.

После этого вы получите сообщение о том, что в папке HTML-кода шаблона Jooml-ой были созданы все необходимые файлы для замены.

Для редактирования файла, который вы хотите изменить, пожалуйста, перейдите на вкладку “Редактор”, затем выберите html > com_content > category. Выберите файл “default_children.php” и вы увидите данный файл в текстовом редакторе.

Вам нужно добавить следующий код между строк 44 и 45 для того, чтобы вывести изображения подкатегорий на страницах сайта:

Сохраните изменения и обновите страницу сайта, и у вас появится список всех категорий, который отображается так:

Выглядит более привлекательным, чем до этого, не так ли?

ШАГ 5: Украсим еще больше!

Protostar представляет собой шаблон, который базируется на Bootstrap 2, так что мы можем использовать классы CSS от bootstrap для улучшения вывода изображений. Вы можете добавить класс "img-polaroid" в код:

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

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

Огромное спасибо за чтение:)

В одной из статей мы создавали материал и пункт меню для его вывода. Такой подход оправдан, если добавляется отдельная страница сайта, такая как «О нас» или «Прайс-лист».

Если же ресурс представляет собой блог или информационный портал, то создавать для каждого поста отдельный пункт меню в нём неприемлемо. На этот случай в Joomla существуют категории. Они представляют собой рубрики, их можно выводить в меню. В одну категорию помещается неограниченное количество статей, однако один пост может относиться только к одной категории (для множественной классификации существуют метки).

Особняком стоит раздел Избранное. Это единственная категория, в которой посты могут находиться помимо основной. Избранными записями можно управлять, открыв пункт Материалы -> Избранные материалы панели управления движком.

1. В панели управления CMS откройте Материалы -> Менеджер категорий и нажмите кнопку Создать в левом верхнем углу появившейся страницы (либо сразу выполните команду меню Материалы -> Менеджер категорий -> Создать материал ).

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

2. Заполните поля формы и нажмите Сохранить . После сохранения вы можете перенести в новую категорию ранее созданный материал. Для этого откройте его, выберите новый раздел в раскрывающемся списке Категория и нажмите Сохранить .

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

Вне вкладок расположено всего два элемента.

• Заголовок. Название раздела.
• Алиас. Псевдоним, использующийся для формирования URL-адресов страниц сайта. Его можно не заполнять, так как вполне вменяемые алиасы Joomla создаёт сама по себе.

Остальные настройки распределены по вкладкам.

Категория

Основная вкладка, большинство администраторов используют при создании разделов только её.

• Описание. Сюда можно вставить всё, что угодно: от коротенького пояснения до полноценной страницы с картинками, видеоматериалами и музыкой.
• Родитель. Из раскрывающегося списка можно выбрать раздел, которому создаваемая категория будет принадлежать. Так создаётся иерархическая структура с уровнями вложенности. Чтобы категория никому не принадлежала, оставьте в списке значение Нет родителя .
• Состояние. В зависимости от выбранного значения после сохранения категория будет опубликована (вариант Опубликовано ), добавлена вместо публикации в черновики (Не опубликовано ), помещена в архив (В архиве ) или в Корзину (В корзине ). Чаще всего этот раскрывающийся список не трогают, оставляя в нём значение по умолчанию - Опубликовано .
• Доступ. Определяет, кто сможет просматривать раздел. По умолчанию задано значение Public (доступно всем).
• Язык. Язык категории, можно оставить значение Все, тем более что русского языка часто даже нет в списке.
• Метки. Теги, которые привычней добавлять к материалам, а не к категориям. В принципе метки - тоже своего рода категории, только для одного материала их можно указать множество. В дальнейшем, когда пользователь щёлкнет на одну из меток, он увидит страницу со списком всех материалов, помеченных ею. Для просмотра всех меток и управления ими перейдите на страницу Компоненты -> Метки .

Публикация

Эта вкладка располагает следующими элементами.

• Дата создания. Поле, хранящее время добавления элемента. В редакторе материала помимо этого есть также поля Начало публикации и Завершение публикации, с помощью которых можно, во-первых, настроить отложенную публикацию, чтобы запись появилась на сайте в обозначенное время без вашего участия, во-вторых, настроить его снятие с публикации в автоматическом режиме (может использоваться, например, для страницы срочного конкурса или акции).
• Автор. Здесь можно переназначить автора публикации. В редакторе материалов есть также поле Псевдоним автора, куда можно ввести произвольное имя для отображения на сайте.
• Дата модификации. Поле хранит время, когда категория была изменена.
• Изменил. Имя внёсшего правки пользователя. Для материалов доступно также поле Версия, позволяющее узнать, сколько раз редактировалась страница.
• Кол-во просмотров. Число просмотров раздела.
• ID. Идентификационный номер категории, который система присваивает автоматически.
• Мета-тег Description. Позволяет вставить описание категории для SEO-продвижения.
• Мета-тег Keywords. Поле для ключевых слов.
• Мета-тег Robots. Из раскрывающегося списка можно выбрать директивы для файла robots.txt, влияющие на индексацию раздела поисковиками. Варианты списка - комбинации, дающие команду либо индексировать и документ, и размещённые в нём ссылки (Index, Follow ), либо ничего не индексировать (No index, no follow ), либо индексировать или одно, или другое (два оставшихся варианта).

Права доступа

Эта вкладка полностью посвящена настройкам доступа к категории (в редакторе материалов тоже такая есть). Здесь можно открыть или закрыть доступ персонально каждой группе пользователей.

Параметры

Здесь разместились все оставшиеся настройки, не попавшие на другие вкладки.

• Альтернативный макет . В раскрывающемся списке можно задать настройки отображения раздела.
• Изображение . К категории можно прикрепить картинку.
• Альтернативный текст . Тег alt изображения.

Думаю, что многие владельцы сайтов сталкиваются с необходимостью представления данных на своём сайте в виде таблицы. В редакторе материалов Joomla есть различные инструменты, которые позволяют создать и оформить таблицу. Но этих средств может не хватать, если Вы хотите красиво оформить таблицу, дать возможность Вашим пользователям сортировать в ней данные по столбцам, адаптировать её под мобильные устройства, добавить график по значениям, красиво оформить прайс лист и др. Безусловно, всё это можно сделать при помощи HTML и CSS, но если Вы в достаточной мере не владеете данными языками, тогда Вам поможет Droptables.

В обзоре будет участвовать последняя на момент написания статьи (07.04.2015) русскоязычная версия Droptables 2.0.1 в Joomla 3.4.1 (редактор TinyMCE 4.1.7), шаблон сайта «Protostar».

Основные возможности

Рассмотрим основные возможности компонента таблицы Joomla.

• Создание и управление таблицами отдалённо напоминает редактор таблиц Excel.
• 6 встроенных тем оформления.
• Управление таблицами из любого редактора материалов.
• Автоматическое сохранение и отмена действий на основании AJAX.
• Возможность сортировки данных таблиц во фронтальной части сайта.
• Создание графиков на основании данных таблиц. 6 типов графиков (диаграмм) с настройками: гистограмма, круговой, кольцевой, лепестковый и так далее.
• Изменение размера столбцов и строк перетаскиванием мыши.
• Копирование ячеек при помощи перетаскивания.
• Копирование всей таблицы в одно нажатие.
• Редактор ячейки, столбца, строки (WYSIWYG) с возможностью изменения форматирования её содержимого, добавления изображений и ссылок.
• Импорт/экспорт данных Excel.
• Импорт из CSV,
• Возможность разделения таблиц на категории в Droptables для упрощения работы с ними.
• Управление таблицами Joomla 3 из административной и фронтальной части сайта.
• Возможность изменять стили границ.
• Возможность объединения, вставки\удаления строк и столбцов.
• Возможность редактирования CSS-кода оформления таблицы прямо в редакторе.
• Возможность вставки таблиц в модуль Joomla «HTML-код». Достаточно включить опцию Обрабатывать плагинами в модуле на вкладке Основные параметры .
• Тип отзывчивости, позволяющий отображать на маленьких экранах только наиболее приоритетные столбцы таблицы.
• Поддержка K2.
• Поддержка Joomlaх.

Также стоит отметить наличие документации и технической поддержки на английском языке. Сам компонент (по состоянию на 08.04.2015) доступен на русском, украинском, английском, французском, немецком и португальском языках. А также частично переведен на польский и испанский.

Приведу примеры таблиц и графиков, которые сделаны при помощи Droptables.

Доступ к компоненту таблиц Joomla можно получить прямо из редактора, нажав на кнопку Таблицы - (рисунок ниже).

Внутри редактора Вы видите серую область – это признак вставленной при помощи Droptables таблицы. По нажатию на кнопку Таблицы – появится редактор таблиц (рисунок ниже).

В его левой части расположены инструменты (рисунок ниже), которые позволяют упростить работу с таблицами, если у Вас их много. При помощи кнопки Новая категория можно создать категорию таблиц. По нажатию на Добавить новую таблицу можно будет ввести имя для новой таблицы в категории, а если подвести курсор к имени таблицы после её создания, то появятся три инструмента (слева направо):

1. Удалить. Данный инструмент доступен и для категории таблиц Joomla.
2. Копировать. Копирует таблицу внутри категории
3. Переименовать. Данный инструмент доступен и для категории.

Средняя часть Droptables самая большая. В ней непосредственно создаётся таблица. Про графики поговорим немного ниже. Нажимая на кнопки с плюсами справа и снизу от основной области таблицы (рисунок ниже), можно добавлять столбцы и строки.

При нажатии правой кнопки мыши на ячейку появится контекстное меню (рисунок ниже).

• Insert row above . Вставить строку над выделенной ячейкой.
• Insert row below . Вставить строку под выделенной ячейкой.
• Insert column on the left. Вставить столбец слева от выделенной ячейки.
• Insert column on the right. Вставить столбец справа от выделенной ячейки.
• Remove row . Удалить строку, в которой находится выделенная ячейка.
• Remove column . Удалить столбец, в которой находится выделенная ячейка.
• Undo . Отменить предыдущее действие.
• Marge cells . Объединить выделенные ячейки (для этого необходимо выделить несколько ячеек).

Нажимая на заголовки столбцов (буквы) или на заголовки строк (цифры) можно выделить весь столбец или всю строку соответственно.

Вычисления в таблицах Joomla 3 напоминают Excel. Доступны такие функции:

• SUM . Суммирует числа. Например: «=SUM(A1: A5)» (без кавычек, разделитель двоеточие) – просуммирует все числа в диапазоне от A1 до A5 выражение «=SUM(A1; A5)» (без кавычек, разделитель точка с запятой) просуммирует два числа (первое из ячейки «A1», а второе из «A5»). Разделитель «:» – указывает на диапазон от и до, а «;» на отдельные ячейки. В левой части на рисунке ниже показан пример ввода формулы, а в правой – результат расчётов.

• COUNT . Функция COUNT (счёт) подсчитывает количество ячеек, содержащих числа. Например, для вычисления количества чисел в диапазоне «A1:A20» можно ввести следующую формулу: «=COUNT(A1:A20)» (без кавычек). Если в данном примере пять ячеек из диапазона содержат числа, то результатом будет значение «5».
• CONCAT . Объединяет значения ячеек по «правилу»: слева направо, сверху вниз. Например: «=CONCAT(A1:B3)» даёт результат «82569» (рисунок ниже). Так как числа 8, 2, 5, 6, 9 стоят в указанном диапазоне и расположены слева направо, сверху вниз.

• MIN . Поиск минимального значения.
• MAX . Поиск максимального значения.
• AVG . Среднее арифметическое.

В правой части Droptables доступны такие вкладки:

• Ещё.

Рассмотрим вкладку (рисунок ниже).

• №1 вставляет выбранную Вами таблицу из доступных стилей №2.
• №2 доступные стили таблиц. Обратите внимание, когда у Вас в области таблицы уже есть данные, применив к ним тему, они не заменятся демонстрационными, а если данных нет, то применятся демонстрационные с возможностью их редактирования.
• №3 Заливка нечётных строк . Цвет заливки нечётных строк таблицы Joomla 3 (рисунок ниже).
• №4 Заливка чётных строк. Цвет заливки чётных строк таблицы (рисунок ниже). При помощи этой опции и опции №3 можно создать «зебру». Добавляя строки и столбцы, они будут перекрашиваться в заданный Вами цвет.

• №5 Использовать таблицу с сортировкой . Если выбрать Да , пользователи во фронтальной части сайта смогут сортировать данные в таблице по столбцам.
• №6 Выравнивание . Выравнивание таблицы По центру, Слева, Справа или без выравнивания. Не путать с выравниванием содержимого ячеек таблицы
• №7 Тип отзывчивости . Если выбрано Прокрутка , будет появляться горизонтальная полоса прокрутки при нехватке ширины на странице для отображения таблицы. Это, например, весьма актуально для прайс листов в Joomla на маленьких экранах (мобильные устройства). Если выбрано , то на узких экранах будут автоматически скрыты лишние столбцы и во фронтальной части сайта появится специальный элемент управления рядом с таблицей (рисунок ниже). Нажав на этот элемент, перед пользователем появится список всех доступных столбцов. Он может сам выбрать, какие из них скрывать, а какие отображать. Также Вы сами можете указать приоритет отображения каждого столбца. Для этого служат опции Столбец и Приоритет отзывчивости на вкладке Ещё (рассмотрено ниже в данной статье).

Рассмотрим вкладку (рисунок ниже). На данной вкладке компонент таблиц Joomla предоставляет ряд элементов для визуального оформления содержимого ячеек и их границ.

• №1 Тип ячейки . Может быть По умолчанию – ввод значений или формул, а может быть Html . Если выбран второй вариант, при нажатии на ячейку откроется специальный редактор (рисунок ниже).

Он немного напоминает стандартный режим TinyMCE и позволяет вставить и отформатировать (задать начертание, отступы, выравнивание, стиль, гарнитуру, размер и цвет текста) внутри ячейки различное содержимое: текст, изображения, ссылки, нумерованные и маркированные списки. Также вставить фрагмент произвольного HTML кода (нажав на кнопку Source ).

• №2 Цвет фона ячейки . Позволяет указать цвет заливки ячейки.
• №3 Границы . Droptables позволяет Вам указать внешний вид границы: Сплошные, Пунктирные, Штрихпунктирные, Без границы .
• №4 позволяет задать цвет границ таблицы Joomla 3.
• №5 позволяет задать толщину границ прайс листа Joomla.
• №6 - при помощи этой группы инструментов можно указать, к каким границам применять опции №3, 4 и 5. То есть, сперва Вы выделяете в таблице те ячейки, которым хотите задать границу, затем из №3 выбираете тип границы, в №4 задаёте её цвет, в №5 указываете её толщину, а потом нажимаете на один из инструментов в области №6 и применяете указанное в №3, 4 и 5 форматирование к тем «частям границы», которые отображены на инструментах №6. Например, нажав на левый верхний инструмент, Вы примените форматирование только к верхней границе ячейки.
• №7 Шрифт . Позволяет сменить гарнитуру шрифта содержимого ячеек\ячейки. Доступно девять шрифтов: Arial, Times New Roman, Verdana и др.
• №8 при помощи данного инструмента компонент таблиц Joomla позволяет Вам задать цвет текста содержимого ячейки.
• №9 размер текста (кегль).
• №10 инструменты для изменения начертания шрифта: жирный, подчёркнутый, курсив.
• №11 инструменты для изменения выравнивания содержимого ячейки по горизонтали и вертикали.
• №12 Высота строки в пикселях.
• №13 Ширина строки в пикселях.

Как видите, настроек достаточно много. Но это не все доступные в арсенале Droptables опции. Перейдём к рассмотрению вкладки Ещё .

Таблицы Excel и Joomla

Как уже упоминалось ранее, Droptables позволяет производить импорт\экспорт между Excel и Joomla 3. Для этого служат инструменты на вкладке Ещё (рисунок ниже).

• №1 Импорт Excel . Позволяет импортировать таблицу из Excel в Joomla 3. Помимо XLS и XLSX поддерживается CSV и ODT (OpenDocument). Обратите внимание, что при импорте могут быть «искажения» (неточности). Всё зависит от сложности импортируемых данных. Также обратите внимание на то, что при импорте их Excel будут взяты данные только с первого листа файла.
• №2 Экспорт Excel . Позволяет экспортировать данные из Droptables в XLSX. Обратите внимание, что при экспорте могут быть «искажения» (неточности). Всё зависит от сложности экспортируемых данных.
• №3 Столбец . Если на вкладке для опции Тип отзывчивости выбрано Скрытие столбцы , тут можно указать, для какого столбца в таблице Вы задаёте приоритет из списка №4 Приоритет отзывчивости .
• №4 Приоритет отзывчивости. Указывает насколько важным является отображение того или иного столбца, выбранного в списке №3 Столбец . Где «0» – приоритет не задан вручную; «1» – наименее важный, «2, 3, …» – важность возрастает с увеличением порядкового номера; P ersisent – необходимо обязательно показать данный столбец. Например, если у Вас есть прайс лист Joomla, где в столбце «A» – наименование товара, в «B» – артикул, в «C» – описание, в «D» – цена, и Вам нужно обязательно отобразить наименование товара и его стоимость даже на экране телефона, то для столбца «A» (наименование товара) нужно задать приоритет P ersisent , для «D» (цена) – «4», для «C» (описание) – «3», а для «B» можно ничего не задавать. В таком случае, пользователь даже на очень маленьком экране увидит название и стоимость товара.Если будет место, появится и описание, а если места будет много, то увидит все столбцы.
• №5 Отступы . Droptables позволяет задать верхний, правый, нижний и левый отступы от содержимой ячейки до её границ.
• №6 Радиус скругления фона ячеек . Если Вы задавали фон ячейки, то при помощи данной группы опций Вы можете задать радиус скругления каждого из углов фона ячейки (рисунок ниже).

• №7 Настраиваемый CSS для этой таблицы . Вы можете добавить произвольный CSS-стиль к элементам таблицы.

Выяснить нужные классы стилей можно при помощи встроенных или сторонних средств для разработчиков в браузере. На рисунке ниже это Firebug 2.0.9 в Mozilla Firefox 37.0.1.

«r» – строки, «c» – столбцы.

Вы можете дополнить свои таблицы Joomla 3 графиками (диаграммы). Для этого в левой области Droptables выберите таблицу, по которой необходимо построить график, выделите в ней диапазон ячеек, по которым необходимо строить график, и нажмите в верхней части кнопку Добавить новую таблицу . Перед Вами появится редактор графика (рисунок ниже).

Доступны такие виды графиков (диаграмм) как (по аналогии с Excel): «С областями», «Гистограмма», «Заполненная лепестковая», «Полярные области», «Круговая», «Кольцевая» – на рисунке выше они расположены слева направо, сверху вниз.

• Переключить Строка/Столбец . При помощи данной опции компонент таблиц Joomla позволяет Вам выбрать, какие данные должны быть по оси Х, а какие по оси Y (элементы ряда и подписи оси соответственно). Доступно Строка или Столбец . В моём примере, если выбрать Строка , то по оси Х (подписи) будут месяцы, а по оси Y (сами столбцы) будут значения принятых отданных и потерянных пакетов данных. По три столбца на каждый месяц (Принято, Отдано, Потери ).
• Использовать первую/первый строку/столбец в качестве заголовка . Если Вы выбрали Да , то под графиком появятся подписи из первой строки таблицы. В моём примере по оси Х (подписи) будут месяцы.
• Ширина, Высота. Ширина и высота области графика в пикселях.
• Выравнивание . Выравнивание области графика на странице (По центру, Справа, Слева, Нет ).
• Набор данных . Содержит список столбцов\строк таблицы (в зависимости от параметра, выбранного для опции Переключить Строка/Столбец ), по которым строится график. Выбрав один из них, можно задать ему цвет при помощи опции Цвет , расположенной ниже.

Русификатор Droptables

Как видите, Droptables весьма функциональный компонент таблиц Joomla 3 при помощи которого достаточно просто можно сделать функциональный и красивый прайс лист или любую другую таблицу.

• Купить компонент таблиц Joomla Droptables .

Что такое альтернативные макеты различных компонентов CMS Joomla 3 мы уже знаем, об этом была написана не одна статья посвященная переопределению . На сей раз, я хочу рассказать Вам о том, как создать собственный макет или шаблон для вывода материалов определённой категории с привязкой его к типу пункта меню в панели управления.

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

Конечно, можно всегда пойти другим путем, переопределить тот или иной макет под свои нужды, этого нам никто не запрещает. Но тут есть один момент, если у Вас материалы категории выводится при помощи пункта меню, то указать альтернативный макет для вывода материалов у Вас, увы, не получится.

Как быть в таком случае? Ответ на данный вопрос, как и его решение, достаточно прост - создать собственный макет или если хотите шаблон для вывода материалов категории и привязать его к типу пункта меню в панели управления. Если ничего не понятно, то посмотрите на скриншот, где показаны стандартные типы пункта меню для вывода материалов:

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

С чего начать создание собственного шаблона для материалов категории

Шаблон или макет для материалов это не то же самое что шаблон для сайта целиком, прошу не путать. Если Вы читали статью «Переопределение макета блога категории в Joomla 3 » то уже знаете, что за вывод материалов в виде блога категории отвечают два основных файла blog.php , blog_item.php расположенные в папке . Кроме того в этой же папке находятся файлы отвечающие за вывод материалов категории в виде списка - default.php , default_item.php .

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

Для начала копируем вышеуказанные файлы (в моем случае blog.php , blog_item.php ), а так же файл blog.xml из папки components/com_content/views/category/tmpl в папку templates/имя_вашего_шаблона/html/com_content/category . Теперь следует дать данным файлам новое название. Я решил назвать данные файлы так: new-blog.php , new-blog_item.php , new-blog.xml . Обратите внимание, что символ подчеркивания может быть только у одного файла и только в одном экземпляре.

Файлы созданы и находятся на своем месте, отлично, теперь необходимо внести некоторые изменения в файл с инструкциями new-blog.xml . Для этого открываем его и смотрим на его содержимое, в самом начале файла Вы можете наблюдать следующий код (строки с 1 по 8):

Все что нам потребуется это внести изменения в константы и заменить в них фразу BLOG на NEW-BLOG. В итоге Ваш код должен получиться следующим (строка с 3 по 8):

Сохраняем файл, он нам больше не пригодиться. Теперь можно перейти в панель управления и посмотреть, что у нас получилось. В менеджере меню открываем один из пунктов для редактирования и жмем на кнопку «Выбрать» напротив типа пункта меню. Вот что у нас должно получиться:

Переопределение языковых констант

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

Для решения подобной задачи можно воспользоваться несколькими способами, самый простой это перейти в раздел панели управления «Менеджер языков: Переопределение констант» (Расширения -> Языки -> Переопределение констант). С помощью фильтра выбираем раздел «Панель управления» и жмем кнопку «Создать».

Все четыре языковые константы нам переопределять нет смысла, достаточно будет переопределить константу с заголовком типа пункта меню (TITLE) и с кратким описанием (DESC), данные константы у нас расположены в строках 3 и 6 файла new-blog.xml :

1. COM_CONTENT_CATEGORY_VIEW_NEW-BLOG_TITLE
2. COM_CONTENT_CATEGORY_VIEW_NEW-BLOG_DESC

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

Более подробно про переопределение языковых констант и локализацию Joomla 3 я расскажу в следующей статье, а сейчас давайте посмотрим, что у нас получилось. Снова переходим в редактор пункта меню и смотрим, как отображается наш новый тип пункта меню:

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