Шаблон Cassiopeia joomla 4

В новой Joomla-4 в качестве базового бесплатного шаблона используется шаблон «Cassiopeia». Файловую структуру (папки и файлы) можно посмотреть в бэкенде сайта. С настройками потренироваться в настройках шаблона, их мало и они понятны.

Я не создавал новый шаблон, а использовал дефолтный Cassiopeia - кастомизация, переопределения, создание языковых переменных, и небольшая правка index файла. Пока идет обкатка новой joomla-4, обновления будут выходить часто, поэтому заморачиваться своим именным шаблоном не имеет смысла.

Кастомизация шаблона

  • для стилей создаете файл user.css (папка cassiopeia/css)
  • для скриптов создаете файл user.js (папка cassiopeia/js)
  • переопределение компонентов - mod_custom, tinymce, com_content/article (папка cassiopeia/html). Другие переопределения, которые есть в этой папке установлены по умолчанию joomla-4, чтобы продемонстрировать демо возможности.
  • добавление, изменение позиций шаблона - index.php (в корне папки cassiopeia).

Изменение шаблона index.php

  1. Верхняя секция topbar.
    По многочисленным просьбам в joomla-4 в шаблон была добавлена верхняя позиция topbar. Однако она вписана в секцию header, и это мне не нравится. Я переставил ее в самую верхнюю позицию над header.
  2. Добавил favicon для всех браузеров - apple, android, windows.
  3. Логотип и меню поставил в одну линию - добавил класс container-brand.
  4. Добавил новую позицию callback - кнопка Онлайн-заказ очень хорошо смотрится возле логотипа.
  5. Внизу в footer добавил позицию copyright и изменил соответствующую языковую переменную.