Выберите язык

Шаблон Cassiopeia joomla 4

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

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

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

  • для стилей создаете файл 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 и изменил соответствующую языковую переменную.