YOOtheme Florence - Шаблон Joomla

Руководство по настройке YOOtheme Florence для сайта салона красоты на Joomla

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

Материал рассчитан на владельца сайта, вебмастера или редактора Joomla, который уже получил архив шаблона и хочет понять, что делать после установки. Здесь нет пересказа карточки продукта. Вместо этого разберём, как использовать готовые layouts Florence, как не перепутать обычный шаблон с demo package, какие разделы лучше оставить, что заменить своим контентом и как проверить результат в публичной части сайта.

Отдельное внимание уделено связке YOOtheme Pro и Joomla: template styles, module positions, menu assignment, page builder, медиа, мультиязычность и права доступа. Именно эти места чаще всего решают, получится ли из красивого демо настоящий сайт, который можно поддерживать без постоянной помощи разработчика.

Какую задачу решает этот Joomla-шаблон

Florence сделан для визуально выразительных сайтов в нише красоты, стиля, персонального ухода и моды. По официальной странице видно, что в комплекте предусмотрены готовые page layouts для главной страницы, галерей, прайс-листа, страницы о компании, вакансий, контактов, индексной страницы и записи блога. Это важнее, чем просто набор цветов: шаблон уже предполагает типовой путь посетителя от первого впечатления к просмотру работ, услуг, цены, доверия и связи.

Главная ценность Florence в том, что он строится на YOOtheme Pro page builder. Это значит, что сайт собирается не только через обычные материалы Joomla, но и через визуальные секции, строки, элементы, шаблоны вывода и живой предпросмотр. Для салона красоты это удобно: можно быстро заменить демо-фотографии, переписать список услуг, настроить кнопку записи и увидеть, как всё выглядит на странице.

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

Что подтверждают официальные источники

Официальная карточка Florence подтверждает несколько практических фактов: шаблон предназначен для beauty и fashion-сайтов, поставляется с готовыми page layouts, имеет несколько style variations, включает большую подборку изображений и может использоваться как demo website package с YOOtheme Pro и демо-контентом. На этой же странице указано, что demo package для Joomla не использует сторонние плагины. Это снижает риск лишних зависимостей, но не отменяет обычную проверку модулей, меню, медиа и прав доступа.

Документация YOOtheme Pro дополняет картину: customizer делит интерфейс на левую панель настроек и предпросмотр справа, template styles можно дублировать и назначать на пункты меню, modules panel показывает позиции и опубликованные модули, а page builder работает с секциями, строками и элементами. На практике это означает, что Florence лучше настраивать не одним большим изменением, а серией коротких шагов с постоянной проверкой результата.

Кому Florence подходит, а кому лучше выбрать другой путь

YOOtheme Florence хорошо подходит проектам, где визуальное впечатление не менее важно, чем структура информации. Салон красоты, парикмахерская, студия бровей, фотограф, стилист, небольшое fashion-портфолио или локальная студия услуг могут быстро получить аккуратную основу: крупный первый экран, lookbook, блоки услуг, прайс, команду, контакты и блог. Для такого сайта не всегда нужен сложный каталог или отдельная CRM-интеграция. Часто достаточно понятной страницы, хороших фотографий, быстрых контактов и мобильной проверки.

Шаблон может быть полезен и агентству, которое собирает сайты на Joomla для похожих ниш. Готовые layouts ускоряют старт, а style variations позволяют не делать все сайты одинаковыми. Например, один проект можно оставить светлым и воздушным, другой перевести в более контрастный вариант, третий адаптировать под тёплую палитру. При этом общая логика редактирования сохраняется внутри YOOtheme Pro.

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

Главный критерий выбора

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

Практическая проверка простая: выпишите 5 главных действий посетителя. Если среди них есть “посмотреть работы”, “выбрать услугу”, “узнать цену”, “найти контакты”, “прочитать новость или совет”, Florence подходит по логике. Если действия связаны с личным кабинетом, бронированием, оплатой или большим каталогом, оцените дополнительные расширения до установки шаблона.

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

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

Для существующего сайта нужен архив шаблона YOOtheme Pro для Joomla. Его устанавливают через штатный менеджер расширений Joomla, после чего открывают YOOtheme customizer и загружают нужные layouts или style variations. Demo package используют иначе: его распаковывают на сервер как отдельную Joomla-инсталляцию и проходят обычную установку CMS. Такой вариант удобен для нового проекта или учебного стенда, где нужно изучить, как Florence собран изнутри.

Мини-чек-лист перед первым запуском

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

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

Установка и первичная проверка в Joomla

Установка зависит от выбранного сценария. Если вы работаете с существующим сайтом, используйте обычный путь Joomla для установки шаблона. После установки проверьте, появился ли YOOtheme в админ-панели и можно ли открыть customizer. Если вы создаёте новый сайт из demo package, работайте с ним как с полной Joomla-инсталляцией: распакуйте пакет, запустите установщик CMS, затем заменяйте демо-данные своими.

Сценарий 1: существующий сайт

1. Откройте админ-панель Joomla и перейдите в установку расширений.
2. Загрузите архив шаблона для Joomla, не demo package.
3. После установки откройте список template styles и проверьте, появился ли стиль YOOtheme.
4. Назначьте стиль по умолчанию только после теста на отдельном пункте меню или копии сайта.
5. Откройте YOOtheme customizer и убедитесь, что слева доступны панели Layout, Style, Pages, Templates, Menu, Modules и Settings.

Сценарий 2: новый сайт из demo package

Demo package полезен, когда нужно получить сайт, максимально похожий на официальный демо-пример. Он помогает изучить структуру секций, меню, модулей и страниц Florence без ручной сборки каждого блока. Но такой пакет нельзя воспринимать как обновление существующего сайта. Это полноценная установка, поэтому используйте её для нового проекта или локального стенда.

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

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

Настройка визуального стиля Florence после установки

Florence держится на визуальном настроении: крупные фотографии, много воздуха, тонкие акценты, аккуратная типографика и салонная эстетика. Поэтому первая настройка после установки - не меню и не footer, а проверка общей палитры, контраста, изображений и шрифтов. Официальная страница подтверждает несколько style variations для Florence: Default, White Beige, White Red, White Orange, Light Pink и Dark Brown. Это не обязательно “темы внутри темы”, а быстрые стартовые варианты, которые помогают выбрать характер сайта.

Откройте YOOtheme customizer и начните со style library. Если сайт должен выглядеть мягко и премиально, светлые варианты обычно проще адаптировать под салон красоты. Если бренд уже использует тёмную палитру, можно тестировать контрастный вариант, но обязательно проверяйте читаемость на фотографиях и кнопках. В YOOtheme Pro цветовые опции меняются через color picker, а изменения видны в live preview, что удобно для быстрой проверки.

Как выбирать стиль без хаоса

Не перебирайте все настройки подряд. Лучше создать короткий визуальный контрольный лист и пройти его после каждого style variation. Смотрите не только на главную страницу, но и на внутренние layouts: price list, contact, about и blog post. Иногда стиль хорошо выглядит на hero, но хуже работает в прайсе или на текстовой странице.

Цвета, шрифты и изображения

В style customizer YOOtheme Pro меняются цвета, шрифты, отступы и многие переменные UIkit. Для Florence лучше начинать с малого: основной цвет акцента, кнопки, ссылки, цвет текста на изображениях и фоновые блоки. Если фотография слишком светлая, не пытайтесь спасать её только цветом текста. Используйте overlay или замените изображение, потому что тонкая типографика Florence плохо переносит случайный фон.

Медиа-настройки тоже важны. Документация YOOtheme Pro описывает автоматическое изменение размеров, responsive images, lazy loading, WebP/AVIF при поддержке сервера и focal point для обрезки изображений. Для шаблона с портретами и длинными волосами это особенно полезно: неверный focal point может обрезать лицо или важную деталь образа. После замены фото проверьте, как оно выглядит на desktop, tablet и phone preview.

Что лучше не менять в первый день

Не спешите глубоко менять Less-переменные, структуру дочерней темы и сложные layout-настройки до того, как заменены демо-тексты и изображения. Сначала добейтесь рабочей версии на штатных style variations. Глубокие правки стоит делать только после того, как вы понимаете, какие блоки действительно останутся на сайте.

Шапка, меню и позиции модулей в Florence

Для Joomla-шаблона шапка и модульные позиции важны не меньше, чем красивая главная страница. В Florence шапка должна вести посетителя к lookbook, услугам, информации о салоне, контактам и блогу. В документации YOOtheme Pro modules panel показывает позиции и модули, а меню и модули можно редактировать прямо из customizer без постоянного выхода в отдельные экраны Joomla.

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

Как использовать module positions без путаницы

YOOtheme Pro документирует позиции вроде toolbar-left, toolbar-right, navbar, header, dialog, sidebar, top, bottom и builder-1 - builder-6. Для Florence полезнее всего думать о них как о слоях страницы:

• toolbar подходит для короткой строки с телефоном, графиком или языковым переключателем.
• navbar и header отвечают за основную навигацию, логотип, социальные иконки и быстрый поиск, если он нужен.
• top и bottom подходят для промо-блоков, доверительных элементов, записи или повторяющихся секций.
• builder-1 - builder-6 лучше использовать через Position element внутри page builder, когда нужно вывести модуль в конкретном месте макета.
• sidebar не отображается на страницах, собранных полными секциями page builder, если сайдбар не размещён внутри layout отдельно.

Последний пункт часто вызывает вопросы. Если страница Florence собрана как full-width layout в page builder, обычный sidebar может не появиться там, где его ждут после классических Joomla-шаблонов. В таком случае используйте Position element или builder module внутри нужной секции, а не пытайтесь “починить” сайдбар через случайные CSS-правки.

Menu assignment и template styles

Если нужно разное оформление для главной, блога и страницы контактов, используйте template styles. Документация YOOtheme Pro рекомендует дублировать стиль yootheme - Default, открыть копию через Open Website Builder и назначить её на нужные menu items через Menu Assignment. Это безопаснее, чем менять один глобальный стиль и удивляться, почему все страницы изменились одновременно.

Практический пример: главная Florence может использовать более выразительный стиль и крупный hero, а блог - спокойный вариант с лучшей читаемостью текста. Для этого создайте отдельный template style для блога и назначьте его только на blog menu item. После сохранения проверьте, что главная не изменилась, а блог получил свой вид.

Готовые layouts Florence: что оставить, заменить и проверить

Официальная страница Florence перечисляет несколько готовых page layouts. Это не просто набор страниц для красоты. Каждый layout закрывает отдельную задачу beauty-сайта: показать образ, услугу, людей, цену, контакт или запись блога. Чтобы шаблон заработал как справочная и продающая структура, нужно понять роль каждого layout и заменить демо-данные в правильном порядке.

Главная страница

Главная должна быстро объяснить стиль салона и направить посетителя к следующему шагу. В демо Florence акцент сделан на крупную визуальную подачу, заголовок, услуги и элементы lookbook. При адаптации замените не только заголовок и фото, но и порядок смысловых блоков. Для локального салона обычно нужен путь: стиль и обещание - ключевые услуги - работы - цены или диапазоны услуг - команда - контакты или запись.

Lookbook и галереи

Lookbook - сильная часть Florence. Он подходит для женских и мужских образов, сезонных работ, портфолио стилистов, примеров окрашивания, стрижек и укладок. Не загружайте туда всё подряд. Лучше сделать 12-24 сильных изображения, сгруппированных по направлениям, чем длинную галерею с разным светом и качеством. Проверяйте focal point, чтобы лица и причёски не обрезались в сетке.

Прайс-лист и услуги

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

Контакты, команда и блог

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

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

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

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

Нам нужна главная страница, где посетитель сразу видит визуальный стиль салона, понимает основные услуги, может посмотреть работы и перейти к контакту. Перед началом подготовьте логотип, 6-10 фотографий работ, список услуг, короткий текст о салоне, адрес, телефон и ссылки на социальные сети. Если фотографий пока мало, лучше использовать меньше блоков, чем растягивать слабые изображения на весь сайт.

Шаги настройки

1. Откройте страницу главной в YOOtheme Pro page builder через панель Pages или нужный menu item.
2. Сохраните исходный layout в библиотеку или сделайте копию страницы, чтобы можно было откатиться.
3. Замените hero-фото и заголовок, сохранив общий ритм Florence: крупный образ, короткая фраза, аккуратная кнопка.
4. Проверьте блок услуг: оставьте только реальные услуги, сгруппируйте похожие позиции и уберите демо-цены, если они не соответствуют сайту.
5. В lookbook загрузите свои изображения, задайте focal point для портретов и проверьте сетку на разных ширинах экрана.
6. Вставьте блок команды или удалите его до появления настоящих фотографий сотрудников.
7. Проверьте footer и контактный блок: телефон должен быть кликабельным, адрес - актуальным, социальные ссылки - рабочими.
8. Нажмите Save Layout, затем отдельно сохраните theme settings, если вы меняли стиль, шапку или модульные позиции.

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

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

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

Если вы изменили layout страницы, но не видите результат, проверьте, сохранили ли вы именно page builder layout, а не только общие настройки темы. В YOOtheme Pro есть отдельные сохранения для layout и theme settings. Также очистите кеш Joomla, кеш шаблона или кеш внешнего оптимизатора, если он включён.

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

Florence можно использовать не только для классической парикмахерской. Его структура подходит для нескольких близких сценариев, если не выдумывать лишние функции и опираться на готовые layouts: визуальный первый экран, портфолио, прайс, контакт, блог и страницы о команде.

Салон красоты с услугами и записью через контакт

Самый прямой сценарий - сайт салона, где главная объясняет стиль, lookbook показывает работы, а прайс и контакты помогают записаться. Используйте layout главной, price list и contact. Результат проверяйте по пути посетителя: может ли человек за 2-3 клика найти услугу, увидеть пример работы и позвонить.

Портфолио стилиста или фотографа

Если сайт принадлежит одному специалисту, сделайте lookbook главным доказательством, а прайс сократите до пакетов услуг. Блок команды можно заменить биографией, а блог использовать для заметок о подготовке к съёмке, уходе или стилевых подборках. Проверяйте, чтобы фотографии были одинакового качества и не конфликтовали с мягкой типографикой Florence.

Fashion-студия или небольшой бренд

Для fashion-проекта Florence можно адаптировать как editorial-сайт: главная, галерея коллекции, about, blog и contact. Прайс-лист может стать страницей услуг или консультаций. Если нужен полноценный интернет-магазин, одного шаблона недостаточно: заранее оцените e-commerce-расширение и совместимость с выбранным workflow.

Локальная студия с несколькими направлениями

Если у студии есть разные направления - волосы, макияж, брови, обучение, фотосессии - используйте template styles и menu assignment, чтобы ключевые разделы могли иметь немного разный визуальный акцент. Но не создавайте новый стиль для каждой мелкой страницы: это усложнит поддержку. Лучше разделить только крупные направления.

Скорость, доступность и SEO-проверка после настройки

Для визуального шаблона скорость часто страдает не из-за самого шаблона, а из-за изображений. Florence предполагает много крупных фото, поэтому после замены демо-контента проверьте размеры файлов, lazy loading, responsive images и focal point. Документация YOOtheme Pro описывает генерацию адаптивных изображений, кеш в media/yootheme/cache, next-gen formats при поддержке сервера и настройку качества. Это нужно использовать аккуратно: слишком высокое качество увеличивает вес страницы, слишком сильное сжатие портит портреты и работы.

Доступность также зависит не только от YOOtheme Pro, но и от автора сайта. UIkit, на котором основан YOOtheme Pro, поддерживает доступные компоненты, но если вы ставите светлый текст поверх светлой фотографии, никакая система не спасёт контраст. Проверяйте hero, кнопки, меню, ссылки, форму контакта и подписи к изображениям. Для beauty-сайта особенно важно, чтобы визуальная мягкость не превращалась в плохую читаемость.

SEO без перегруза шаблона

Florence не должен заменять нормальную структуру контента. Для услуг создайте понятные страницы или блоки с текстом, а не только красивые изображения. У каждой важной страницы должны быть человеческий заголовок, краткое объяснение услуги, фотографии по теме, контактный путь и внутренняя связка с другими разделами. Если блог используется, не публикуйте общие тексты ради частоты. Лучше меньше материалов, но с реальными советами и связью с услугами студии.

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

Безопасные улучшения без правки ядра шаблона

Florence не требует агрессивных доработок для обычного сайта. Большую часть задач лучше решать через customizer, template styles, module positions, language overrides и аккуратный CSS в штатной панели. Не правьте ядро Joomla, файлы шаблона YOOtheme Pro или сгенерированные кеш-файлы ради мелкой визуальной правки. Это усложнит обновления и может потеряться после изменения темы.

Локализация строк через Joomla Language Overrides

Документация YOOtheme Pro описывает языковые строки и рекомендует использовать Joomla language overrides для изменения текста без правки файлов. Например, если в шаблоне или компоненте выводится строка, которую нужно адаптировать, создайте переопределение в System - Language Overrides. Для строк YOOtheme ищите константы с префиксом TPL_YOOTHEME. Это безопаснее, чем редактировать ini-файлы шаблона напрямую.

Маленький CSS для читаемости прайс-листа

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

.florence-price-list .uk-grid-divider > :not(.uk-first-column)::before {
  border-left-color: rgba(35, 35, 35, 0.18);
}

.florence-price-list .uk-text-muted {
  color: #5f5a57;
}

Перед использованием добавьте свой класс florence-price-list к секции прайса в page builder. После сохранения проверьте страницу услуг на desktop и mobile. Если стиль не подходит, удалите класс или CSS-блок. Не применяйте селектор ко всем элементам сайта, пока не убедитесь, что он не портит другие layouts.

Дочерняя тема для глубоких правок

Если нужно хранить собственные Less-стили, файлы или более глубокие изменения, используйте child theme по документации YOOtheme Pro. Такой подход лучше прямой правки основного шаблона: обновления YOOtheme Pro не должны затирать пользовательские файлы. Но child theme стоит включать только после того, как понятна реальная потребность. Для простого изменения цвета кнопки достаточно style customizer.

Как проверить готовый сайт перед публикацией

Финальная проверка Florence должна быть не только технической. Посмотрите на сайт как посетитель, администратор и владелец бизнеса. Посетитель проверяет путь к услуге и контакту. Администратор проверяет, можно ли быстро изменить блок без поломки layout. Владелец смотрит, соответствует ли визуальный стиль реальной студии.

Проверка публичной части

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

Проверка админ-панели

Откройте customizer и проверьте, что нужные страницы редактируются через Pages, модули видны в Modules, template styles назначены на правильные menu items, а сохранение работает. Затем выйдите из админки и проверьте публичную часть снова. Если результат отличается, ищите кеш, menu assignment или не тот template style.

Перенос со стенда на рабочий сайт

Если вы собирали Florence на тестовом стенде, переносите результат не как хаотичный набор правок, а как короткий журнал изменений. Запишите, какой template style выбран, какие layouts загружены, какие menu items созданы, какие модули опубликованы в toolbar, navbar, top или bottom, какие изображения заменены и какие CSS-правки добавлены в Settings - CSS. Такой список помогает быстро найти причину, если после переноса часть страниц выглядит иначе.

Перед переносом экспортируйте или сохраните собственные layouts в библиотеку YOOtheme Pro, если этот сценарий доступен в вашей установке. Для файлов изображений сохраните ту же структуру папок, чтобы не потерять связи в медиа-полях. Если вы использовали child theme, переносите его вместе с пользовательскими Less/CSS-файлами, а не копируйте отдельные строки в основной шаблон. После переноса откройте рабочий сайт в режиме обычного посетителя и сравните четыре контрольные страницы: главную, lookbook, прайс и контакты.

Не публикуйте обновлённый дизайн, пока не проверены 404-страницы, канонические адреса, мобильное меню, формы связи, карта, социальные ссылки и robots/meta-настройки Joomla. Для салона красоты это особенно заметно: посетитель может прийти не на главную, а сразу на страницу услуги или записи блога. Если внутренний layout выглядит хорошо только при переходе с главной, значит проверка ещё не закончена.

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

Диагностика проблем при работе с Florence

Большинство проблем с Florence связано не с конкретной демо-страницей, а с обычными слоями Joomla и YOOtheme Pro: выбран не тот пакет, не хватает прав, не назначен template style, модуль опубликован не в той позиции, кеш показывает старую версию или изображения не обрабатываются сервером. Ниже - практичная карта симптомов.

Шаблон установился, но сайт не похож на демо

Симптом: после установки виден YOOtheme, но страницы не похожи на официальный Florence. Чаще всего это значит, что установлен обычный theme package без demo content, а демо-layouts ещё не загружены или не назначены.

Проверьте, работали ли вы с existing site или demo package. Для существующего сайта загрузите нужные layouts через YOOtheme Pro и назначьте шаблон на правильные menu items. Для полного демо используйте отдельную установку Joomla. Не пытайтесь “доставить” demo package поверх живого сайта.

Не сохраняются настройки или не грузится CSS

Официальная документация связывает такие симптомы с file permission issues. Если customizer не сохраняет конфигурацию, а сайт выглядит без стилей, проверьте права на файлы и папки шаблона. Типичная безопасная рекомендация - директории с правами 755, файлы с 644, но конкретную настройку подтверждайте у хостинга.

Не ставьте всем файлам максимальные права “на всякий случай”. Это плохая практика. Исправьте только проблемные директории, затем снова сохраните настройки и очистите кеш.

Модуль не появляется на нужной странице

Проверьте три слоя: опубликован ли модуль, назначен ли он на нужные menu items в Joomla и поддерживает ли текущая страница соответствующую position. Если страница собрана page builder как full-width layout, обычный sidebar может не выводиться. В таком случае используйте Position element или builder module в нужном месте layout.

Изменения видны в customizer, но не видны посетителю

Сначала убедитесь, что нажали нужное сохранение: layout и theme settings сохраняются отдельно. Затем проверьте template style и menu assignment. Если всё правильно, очистите кеш Joomla, кеш YOOtheme и кеш внешнего оптимизатора. Если используется CDN, проверьте, не отдаёт ли он старые CSS или изображения.

Портреты и работы некрасиво обрезаются

Используйте настройки width, height и focal point в медиа-полях YOOtheme Pro. Для портретов обычно нужно сохранить лицо, причёску и верхнюю часть композиции. Если одно изображение плохо работает во всех пропорциях, подготовьте отдельный crop для hero и отдельный crop для галереи.

На мобильном меню или hero выглядит слишком крупно

Откройте device preview в customizer и проверьте mobile header, отступы секций, порядок блоков и видимость кнопок. Не уменьшайте весь сайт глобально через CSS. Чаще достаточно настроить конкретную секцию, изображение или menu behavior.

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

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

Перед публикацией проверьте три вещи: правильный пакет установки, реальные данные вместо демо-контента и стабильную связку menu assignment, module positions и template styles. После этого Florence становится не просто красивой обложкой, а поддерживаемой основой сайта, где редактор может менять контент, администратор - контролировать структуру, а посетитель - быстро найти услугу и контакт.

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