YOOtheme Horizon - Шаблон Joomla

Руководство по настройке и практическому использованию YOOtheme Horizon

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

Материал рассчитан на владельца Joomla-сайта, вебмастера или редактора, которому нужно быстро превратить демо в понятную страницу продукта или компании. Мы пройдём подготовку, установку, первичную проверку, настройки YOOtheme Pro, практический пример главной страницы, частые проблемы и безопасные улучшения. Отдельно разберём, где Horizon подходит хорошо, а где лучше выбрать другой шаблон или более свободный конструкторский подход.

Все точные факты о количестве layouts, styles, демо-пакете и post fields взяты из официальной страницы Horizon и документации YOOtheme Pro. В местах, где интерфейс может отличаться в вашей установке, формулировки будут осторожными: сначала проверяйте текущую документацию разработчика и локальный экран настроек, затем переносите изменения на боевой сайт.

Что Horizon даёт сайту и где он раскрывается лучше всего

Официальная страница позиционирует Horizon как шаблон для software and technology websites. По демо видно, что главный акцент сделан на чистый белый фон, тонкую типографику, красные акценты, большие воздушные секции, крупную технологичную hero-графику, блоки услуг, клиентов, показателей, продуктов и новостей. Это не тяжёлый корпоративный шаблон с плотными таблицами и множеством боковых колонок. Его сильная сторона - аккуратная презентация продукта, сервиса или агентства, где посетитель должен быстро понять ценность и перейти к разделам услуг, pricing, company или news.

В пакете заявлены 9 готовых page layouts: home, features, services, about, pricing, index, post и дополнительные варианты страниц по продукту и услугам. Это важно для практической работы: сайт не нужно начинать с пустого холста. Можно взять демо как карту будущей структуры, заменить тексты, подставить реальные изображения и оставить только те страницы, которые действительно нужны вашему проекту.

Второй важный слой - 6 style variations. Для Horizon это не просто смена кнопки: стиль влияет на общий тон сайта, фоновые решения, контраст акцентов и настроение интерфейса. Официальная страница называет Default, White Blue, White Green, White Dove, Dark Turquoise и Black Orange. Если вы делаете сайт для B2B-сервиса, лендинга цифрового продукта или небольшой студии, обычно стоит начать с более спокойных светлых вариантов и уже после контентной проверки решать, нужен ли тёмный стиль.

Главный практический вывод: Horizon удобен, когда структура сайта похожа на демонстрационный сценарий - главная страница, услуги, продуктовые преимущества, команда или компания, прайсинг, новости и записи. Если вам нужен маркетплейс, сложный каталог, личный кабинет или сайт с большим количеством нестандартных компонентов, Horizon может остаться хорошей визуальной основой, но придётся отдельно планировать расширения и шаблоны вывода.

Кому подойдёт этот Joomla-шаблон, а кому лучше не спешить

Перед установкой полезно честно ответить, совпадает ли ваш сайт с логикой шаблона. Horizon выглядит минималистично, поэтому слабый контент на нём заметен сильнее, чем в шумном дизайне. Если в demo hero стоит яркая технологичная иллюстрация, а на реальном сайте будет случайный баннер низкого качества, страница быстро потеряет убедительность.

Хорошие сценарии для Horizon

Шаблон хорошо подходит для сайтов, где нужно объяснить услугу или продукт через несколько последовательных секций. Например, студия разработки может использовать hero для основного предложения, блок services для направлений работы, careers или company для доверия, pricing для тарифной логики, а news или post - для базы знаний. SaaS-проект может заменить демонстрационные подписи на преимущества продукта, вывести скриншоты интерфейса, добавить страницу features и оформить статьи как технический блог.

Для небольшого агентства Horizon удобен тем, что демо уже содержит ритм «заголовок - короткое объяснение - визуальное доказательство - переход». Этот ритм можно сохранить, не копируя тексты. Важно не пытаться заполнить каждую секцию длинным описанием: шаблон рассчитан на короткие, точные блоки и сильную визуальную иерархию.

Когда Horizon может быть неудобен

Если сайт должен показывать много категорий, фильтров, пользовательских кабинетов, сложные таблицы характеристик или расширенные формы, одного шаблона будет мало. YOOtheme Pro умеет работать с динамическим контентом и Joomla custom fields, но проект всё равно придётся проектировать как систему: какие поля хранит Joomla, какие шаблоны их выводят, какие модули видны на каких пунктах меню, как кеш и права доступа влияют на результат.

Не стоит выбирать Horizon только потому, что в демо красивая первая секция. Визуальный шаблон не заменяет контентную архитектуру. До установки лучше набросать список страниц, блоков, изображений, меню и модулей. Если половина демо вам не нужна, а недостающие страницы придётся строить с нуля, возможно, более подходящим будет другой пакет YOOtheme или отдельный framework с собственным дизайном.

Что проверить перед установкой и импортом демо

Подготовка нужна не для формальности. У YOOtheme Horizon есть два разных сценария входа: установка YOOtheme Pro theme в существующий Joomla-сайт и запуск demo package как полной Joomla-установки с демо-контентом. Официальная документация прямо разделяет эти варианты: demo package нельзя установить поверх существующего сайта как обычный шаблон, потому что это полноценная сборка Joomla.

Проверка сайта и окружения

Перед началом проверьте не только файл шаблона, но и окружение:

• Сделайте резервную копию файлов и базы данных, если работаете не на чистой тестовой установке.
• Проверьте требования YOOtheme Pro и текущие требования Joomla, особенно PHP, расширение GD и права записи в директориях.
• Уточните, что у вас именно Joomla-пакет, а не WordPress-тема и не полный demo package, который предназначен для новой установки.
• Подготовьте логотип, favicon, основные изображения, список пунктов меню и реальные тексты для hero, services, pricing и company.
• Проверьте, кто имеет право редактировать шаблон. В YOOtheme Pro доступ к customizer связан с правом Edit Templates, и это право не стоит оставлять шире, чем нужно.

Для боевого сайта лучше использовать staging-копию. Визуальные правки, замена стиля и изменение template style assignment могут затронуть сразу несколько страниц. На тестовой копии вы увидите, какие модули и пункты меню реально меняются, до того как посетители столкнутся с недостроенным интерфейсом.

Контентная карта до первого клика

Составьте простую таблицу: какая демо-страница Horizon соответствует вашей реальной странице, какой пункт меню её открывает, какие модули должны быть видны и какой результат ожидается. Это особенно полезно для pricing, services и news: часто владелец сайта импортирует демо, меняет только первый экран и оставляет внутренние страницы с демонстрационными подписью и логикой.

Перед импортом или ручной сборкой зафиксируйте минимальную цель: главная страница открывается, меню ведёт на реальные разделы, модули не показывают лишнее, а демо-тексты удалены из публичной части сайта.

Установка: обычный шаблон, demo package и первая проверка

Для существующего сайта базовый путь начинается с установки пакета YOOtheme Pro theme для Joomla. После установки шаблон нужно назначить, открыть Website Builder и проверить, что customizer, страницы, стиль и media manager работают без ошибок. Если вы хотите изучить Horizon изнутри, удобнее развернуть demo package отдельно: он содержит полный сайт с YOOtheme Pro, демо-контентом, layouts, images и styles.

Если сайт уже существует

1. Откройте админ-панель Joomla и перейдите в установку расширений.
2. Загрузите пакет YOOtheme Pro theme для Joomla, а не demo package.
3. После установки откройте System, затем раздел шаблонов и убедитесь, что стиль YOOtheme доступен.
4. Откройте Website Builder и проверьте, что страницы, шаблоны, style library и media manager загружаются.
5. Настройте API key только если вам нужны обновления, доступ к layout library и облачным библиотекам изображений. Не передавайте ключи посторонним исполнителям без необходимости.

После установки не спешите менять всё сразу. Сначала проверьте одну страницу, один пункт меню и один стиль. Так проще понять, что именно изменилось: настройки Joomla, template style, layout страницы или отдельный модуль.

Если нужен старт с демо

Demo package разворачивается как новая Joomla-установка. Это хороший способ посмотреть, как Horizon собран: какие страницы есть, какие custom fields используются, как привязаны шаблоны записей и где размещены изображения. Но это не способ «добавить демо» в существующий сайт без последствий. Если вы хотите перенести структуру в готовый проект, безопаснее изучить demo package на отдельном домене или локальной копии, а затем вручную перенести нужные layouts и настройки.

Первичная проверка после установки проста: откройте главную страницу, проверьте меню, сохраните один layout без изменений, переключите стиль в style library и верните исходный вариант. Если сохранение не работает, не продолжайте настройку, пока не проверите права файлов, PHP-лимиты, кеш и системные сообщения YOOtheme Pro.

Настройка YOOtheme Horizon после установки

Главная работа начинается после того, как шаблон установлен и открывается без ошибок. Настройка Horizon складывается из нескольких уровней: site and logo, header and navbar, style library, page layouts, modules, template styles, media и системные параметры. Если менять их хаотично, легко получить ситуацию, когда заголовок исправлен в builder, но другой template style показывает старый вид, или модуль опубликован, но не появляется на странице из-за привязки к меню.

Логотип, шапка и навигация

В демо Horizon шапка очень лёгкая: небольшой логотип слева, тонкое меню сверху и много свободного пространства. Это означает, что длинные русские пункты меню могут быстро сломать ритм. В разделе Layout → Header проверьте расположение logo, navbar и header positions. Если пунктов много, лучше сделать короткое основное меню и вынести второстепенные ссылки в footer или dialog/offcanvas, чем сжимать навигацию до нечитаемого вида.

Для сайта на русском языке заранее проверьте длину пунктов вроде «Услуги», «Продукты», «Компания», «Цены», «Новости». Если нужны более длинные формулировки, используйте dropdown или отдельные страницы. После каждого изменения смотрите публичную часть на широкой и средней ширине окна, потому что шапка Horizon держится на аккуратных отступах.

Style library и выбор палитры

Официальная страница Horizon показывает 6 variations. Начинайте с варианта, который ближе к вашему контенту, а не к личному вкусу. Для технологического лендинга с белыми скриншотами обычно проще стартовать со светлого стиля и красного или синего акцента. Для более контрастного продукта можно тестировать тёмные варианты, но сразу проверяйте читаемость текста поверх изображений.

YOOtheme Pro позволяет переключать style variation и сохранять собственные стили. Это удобно, но есть ловушка: если редактор меняет цвета без проверки контраста, hero может выглядеть эффектно на большом мониторе и плохо читаться на ноутбуке или мобильной ширине. В документации по inverse colors отдельно объясняется, что текст на изображениях не всегда определяется автоматически, поэтому для секций с фоном нужно проверять Text Color, Color Mode и, при необходимости, Preserve color.

Изображения, фокус и скорость

В Horizon важную роль играют технологичные изображения и продуктовые иллюстрации. YOOtheme Pro умеет генерировать responsive images, использовать width и height для предотвращения сдвигов макета, обрабатывать crop через focal point, а также применять lazy loading. Для первого экрана выбирайте изображение достаточно крупное, но не перегружайте страницу набором тяжёлых файлов. Если картинка находится в initial viewport, проверьте, не нужна ли ей eager loading; для нижних секций lazy loading обычно логичнее.

Не заменяйте все демо-изображения случайными стоковыми фотографиями. Horizon построен на спокойном white space и точных акцентах, поэтому лучше взять меньше изображений, но привести их к единому стилю. Если у продукта есть интерфейс, используйте реальные скриншоты продукта в hero и features. Если это агентство, подойдут схемы процессов, кейсы, аккуратные фото команды и визуальные доказательства результата.

Post fields и шаблоны записей

Официальная документация Horizon указывает два custom fields для default Post: Teaser Image как альтернативное изображение записи и Teaser Image Text Color для цвета текста на фоновой картинке. Это небольшой, но важный продуктовый нюанс. Если вы используете блог, новости или базу знаний, заполните эти поля в тестовых записях и проверьте, как они отображаются на index и post layouts.

Если поле не заполнено, layout может выглядеть иначе, чем в демо. Это не обязательно ошибка шаблона. Сначала проверьте, какие поля ожидает конкретный layout, есть ли изображение в записи и не выбран ли цвет текста, который теряется на фоне. Такой подход быстрее, чем искать проблему в CSS или переустанавливать шаблон.

Template styles, меню и разные варианты страниц

Для Joomla-шаблона важно понимать разницу между page layout и template style. Page layout определяет структуру конкретной страницы в YOOtheme builder, а template style можно дублировать и назначать пунктам меню. Документация YOOtheme Pro описывает сценарий: открыть Joomla Template Manager, продублировать yootheme - Default, затем назначить новый style нужным menu items через Menu Assignment или через настройки конкретного пункта меню.

Это полезно для Horizon, когда главная страница должна быть максимально лёгкой и презентационной, а разделы news или post - более спокойными и читаемыми. Например, для главной можно оставить прозрачную или минимальную шапку и крупный hero, а для статей использовать другой template style с более стандартной шапкой и удобной шириной контента.

Практичная схема назначения

Не создавайте множество template styles на всякий случай. Начните с двух:

• Основной style для главной и маркетинговых страниц, где важны hero, красные акценты и визуальные секции.
• Контентный style для записей, новостей и документации, где важны читаемость, стабильная ширина текста и предсказуемая шапка.

После назначения откройте каждый menu item в публичной части сайта и проверьте, какой style реально применяется. Если результат не совпадает, проверьте порядок template styles, привязку к меню и наличие кеша. В Joomla путаница часто возникает не из-за самого дизайна, а из-за того, что разные уровни назначения перекрывают друг друга.

Как не сломать демо при адаптации

Сохраняйте исходную структуру как рабочий ориентир. Перед крупной правкой страницы сделайте копию layout или сохраните секцию в library, если эта возможность доступна в вашей установке. YOOtheme Pro показывает sticky buttons Save Layout и Cancel, и это стоит использовать осознанно: сохранение layout страницы не сохраняет все theme settings, а отмена откатывает только изменения layout с момента последнего сохранения.

Если вы не уверены, где именно меняется вид страницы, проверяйте по цепочке: пункт меню -> назначенный template style -> layout страницы -> модули -> поля записи -> кеш.

Модули и позиции: как встроить Joomla-логику в визуальный шаблон

Horizon выглядит как цельный лендинг, но Joomla-сайт редко состоит только из статичных секций builder. Нужны меню, поиск, языковой переключатель, новости, контактные блоки, модули в top или bottom, иногда sidebar. Документация YOOtheme Pro подчёркивает, что Joomla Module Manager интегрирован в YOOtheme Pro: модули можно видеть в панели Modules, открывать настройки и связывать с live preview.

Какие позиции проверять первыми

Для большинства сайтов на Horizon первым делом стоит проверить позиции logo, navbar, header, dialog, top, bottom и builder-1 - builder-6. Позиции toolbar-left и toolbar-right полезны, если нужно вывести короткий контакт, переключатель языка или поисковую ссылку над шапкой. Для мобильной шапки есть отдельные mobile equivalents, и их нельзя игнорировать, если сайт мультиязычный или содержит важный быстрый переход.

Особое внимание уделите sidebar. Документация YOOtheme Pro указывает, что sidebar position не выводится на страницах, построенных page builder, даже если модуль опубликован в sidebar. Это не ошибка Horizon. Для builder-страниц боковую колонку нужно собирать внутри layout, например через Position element или собственную сетку секций.

Module assignments и видимость

В Joomla модули можно назначать конкретным страницам. Если модуль не виден, не начинайте с переустановки шаблона. Проверьте публикацию, позицию, menu assignment, доступ, язык, кеш и то, не ожидаете ли вы sidebar на странице builder. Для более сложных правил YOOtheme документация упоминает Advanced Module Manager от Regular Labs, но включайте его только тогда, когда обычных привязок Joomla недостаточно.

Хорошая настройка модулей для Horizon выглядит так: основное меню короткое, top/bottom используются для повторяемых промо- или доверительных блоков, footer содержит ссылки и контакты, а builder positions применяются только там, где нужно вывести модуль внутри визуального layout. Чем меньше случайных модулей опубликовано «на всех страницах», тем проще диагностировать внешний вид.

Практический пример: собрать главную страницу для технологического сервиса

Разберём сценарий, который хорошо совпадает с идеей Horizon. Представим, что нужно подготовить главную страницу сервиса аналитики или агентства автоматизации. Цель - не просто заменить lorem ipsum, а собрать понятный путь посетителя: что продукт делает, кому помогает, какие услуги или возможности доступны, где доказательства и куда перейти дальше.

Цель и подготовка

Цель: получить главную страницу, где первый экран объясняет предложение, меню ведёт к продукту, услугам, компании и новостям, а нижние секции показывают услуги, показатели, продуктовые преимущества и последние материалы. До начала должны быть готовы логотип, 3-5 пунктов меню, одно сильное изображение или скриншот продукта, короткие тексты для hero, services и features, а также 2-3 записи для проверки index/post layouts.

Пошаговая сборка

1. Откройте главную страницу в YOOtheme builder и найдите hero-секцию, которая в демо содержит заголовок про all round experience.
2. Замените заголовок на конкретное предложение, например про автоматизацию отчётности, разработку продукта или цифровую поддержку клиентов.
3. Оставьте одну основную ссылку в hero и направьте её на страницу продукта, услуг или контакта. Текст кнопки должен соответствовать действию, а не быть абстрактным.
4. В блоке services замените 4 демо-направления на реальные услуги или функции. Для каждой оставьте короткое объяснение, иначе карточки потеряют ритм.
5. В блоке показателей используйте только проверяемые числа. Если реальных метрик нет, лучше заменить секцию на кейсы, отзывы или список результатов.
6. Проверьте news или post layout: добавьте Teaser Image и Teaser Image Text Color в тестовую запись, затем откройте список материалов.
7. Сохраните layout, очистите кеш и проверьте страницу как гость, а не только как авторизованный администратор.

Проверка результата

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

Нюанс, который часто мешает

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

Практичные идеи применения Horizon на разных типах сайтов

Horizon не обязан оставаться «сайтом про приложения». Его можно адаптировать под разные технологические сценарии, если не выдумывать функции, а использовать подтверждённые возможности: page layouts, style variations, YOOtheme builder, modules, template styles, media и Joomla content. Ниже - идеи, которые можно реализовать без изменения ядра Joomla и без сомнительных доработок.

Сайт SaaS-продукта

Используйте главную страницу как путь от обещания к функциям. Hero показывает основной результат, services превращаются в блок ключевых возможностей, pricing объясняет тарифную логику, а post layout становится базой обновлений и обучающих материалов. Проверка простая: пользователь должен понять, где увидеть features, где сравнить варианты и где прочитать подробности.

Сайт агентства или студии

Для агентства важна связка services, company, careers и news. Horizon хорошо поддерживает этот ритм: сначала коротко объясняете направление работы, затем показываете услуги, команду, показатели и публикации. Если нужны кейсы, можно использовать post templates и custom fields для карточек с teaser image.

Мини-база знаний вокруг продукта

Если сайт должен не только продавать, но и обучать, выделите отдельный контентный template style для статей. Главная останется маркетинговой, а записи получат более спокойную ширину, понятный заголовок и аккуратный вывод teaser image. В таком сценарии особенно полезны Teaser Image Text Color и проверка контраста на фонах.

Презентация внутреннего IT-сервиса

Для корпоративного портала Horizon можно использовать как витрину внутреннего сервиса: раздел product описывает возможности, services показывает процессы, company заменяется на команду поддержки, а news - на обновления. Важно настроить права доступа Joomla и не показывать внутренние материалы гостям, если сайт открыт извне.

Скорость, SEO, доступность и безопасные улучшения

У шаблона для технологического сайта внешний вид часто оценивают раньше производительности. Это ошибка. Если hero тяжёлый, изображения не оптимизированы, контраст слабый, а меню перегружено, красивый дизайн не поможет. YOOtheme Pro даёт инструменты для responsive images, lazy loading, next-gen formats, локального хранения выбранных Google Fonts, aria labels и skip link, но итоговое качество зависит от ваших решений.

Что проверить для скорости

• Указывайте корректные width и height для изображений, чтобы избежать сдвигов макета.
• Для нижних изображений оставляйте lazy loading, а первый экран проверяйте отдельно.
• После изменения качества изображений или форматов очищайте кеш изображений, чтобы увидеть реальный результат.
• Не используйте слишком много разных шрифтов и начертаний: документация YOOtheme рекомендует держаться глобальных настроек типографики.

Что проверить для SEO и доступности

SEO для Horizon начинается не с набора ключевых слов, а с ясной структуры: один понятный H1 уже задан страницей сайта, внутри layout должны быть логичные заголовки, кнопки должны вести на реальные разделы, изображения должны иметь смысл и альтернативные подписи. Для доступности проверьте контраст текста на hero, фокус навигации с клавиатуры, читаемость ссылок и то, не теряется ли текст на фоновых изображениях.

Небольшая безопасная CSS-правка для фокуса

Если после выбора стиля фокус клавиатуры на кнопках или навигации плохо заметен, можно добавить небольшой CSS в Settings → CSS YOOtheme Pro или в css/custom.css дочерней темы. Это не меняет ядро шаблона и опирается на публичные UIkit-классы, которые YOOtheme Pro использует во фронтенде.

.uk-button:focus-visible,
.uk-navbar-nav > li > a:focus-visible {
  outline: 2px solid #e94b4b;
  outline-offset: 4px;
}

.uk-section-primary .uk-button:focus-visible,
.uk-light .uk-button:focus-visible {
  outline-color: #ffffff;
}

После добавления CSS откройте сайт, нажимайте Tab и проверьте hero-кнопку, пункты меню и ссылки в шапке. Если обводка спорит с вашим стилем, измените цвет или удалите фрагмент. Откат простой: уберите CSS из поля или файла и очистите кеш.

Не добавляйте большие CSS-переопределения до того, как проверили настройки style library, color mode и template styles. Часто проблема решается штатным параметром, а не ручной правкой.

Почему Horizon отображается не так, как в демо, и как это диагностировать

Проблемы с Joomla-шаблоном редко имеют одну причину. Один и тот же симптом может быть связан с demo package, template style, модулем, menu assignment, кешем, правами файлов или незаполненными custom fields. Диагностику лучше вести от простого к сложному, чтобы не переустанавливать рабочий шаблон из-за одной неверной привязки.

Демо не устанавливается поверх существующего сайта

Симптом: вы пытаетесь загрузить demo package как обычный шаблон, но Joomla не принимает пакет или результат не похож на демо. Возможная причина - demo package является полной Joomla-установкой, а не extension package для существующего сайта.

Что проверить: имя архива, инструкцию разработчика и тип пакета. Если это demo package, разворачивайте его отдельно как новую установку. Если нужен существующий сайт, устанавливайте YOOtheme Pro theme и переносите layouts через штатные инструменты YOOtheme Pro, если они доступны в вашей подписке и установке.

Страница не похожа на выбранный стиль

Симптом: вы переключили style variation, но конкретная страница выглядит иначе. Причина может быть в другом template style, назначенном пункту меню, в локальных настройках layout или в кеше. Проверьте Menu Assignment, затем откройте соответствующий menu item и посмотрите, какой template style выбран в деталях.

Исправление: назначьте нужный style конкретному пункту меню, сохраните изменения, очистите кеш Joomla и кеш браузера. Если страница всё равно отличается, проверьте, не создан ли отдельный template в YOOtheme Pro, который переопределяет вывод для этого типа страницы.

Модуль опубликован, но не виден на странице

Симптом: модуль есть в Joomla, позиция выбрана, но на публичной странице его нет. Проверьте публикацию, доступ, язык, assignment к меню, позицию и тип страницы. Для builder-страниц помните про sidebar: позиция sidebar не выводится на страницах, построенных YOOtheme Pro page builder, если её не разместить внутри layout через соответствующий элемент.

Исправление: для header или footer используйте подходящие позиции, для сложного блока внутри страницы - builder module или Position element. Если правило видимости сложное, сначала добейтесь вывода обычными настройками Joomla, а уже потом подключайте Advanced Module Manager.

Текст плохо читается на изображении

Симптом: заголовок hero или карточки с фоном теряются на светлом или тёмном изображении. В Horizon это особенно заметно из-за минималистичной типографики. Проверьте Text Color, Color Mode, inverse colors и overlay color. Если используется post layout, проверьте Teaser Image Text Color.

Исправление: сначала настройте штатный цвет текста и наложение, затем замените изображение или фокус crop. CSS используйте только после проверки встроенных параметров. Если на разных страницах нужны разные решения, разделите их через template styles или поля записи.

Сохранение layout или стиля не срабатывает

Симптом: вы нажимаете Save Layout, но изменения пропадают или customizer показывает ошибку. Возможные причины - права записи, PHP-лимиты, конфликт кеша, неверные права пользователя или синтаксическая ошибка в custom CSS/Less.

Проверка: откройте YOOtheme Pro Settings и system check, посмотрите ошибки Joomla, временно отключите спорный custom CSS/Less, проверьте права пользователя на Edit Templates. Если проблема началась после CSS, удалите последний фрагмент и сохраните снова.

Когда YOOtheme Horizon будет удачным выбором

Horizon стоит использовать, если вам нужен аккуратный технологичный Joomla-сайт с готовой демо-структурой, чистой типографикой, несколькими стилями и возможностью быстро собрать страницы через YOOtheme Pro. Он особенно хорош для сервисов, агентств, продуктовых презентаций и сайтов, где важны понятные секции, визуальный ритм и спокойная профессиональная подача.

Перед запуском проверьте три вещи: структура сайта совпадает с layouts, редакторы понимают разницу между page layout, template style и module assignment, а изображения и тексты подготовлены под минималистичный дизайн. Если эти условия выполнены, можно получить файл YOOtheme Horizon, развернуть его на тестовой установке и пройти проверку результата до переноса на основной сайт.

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