YOOtheme Craft - Шаблон Joomla

Руководство по настройке и использованию YOOtheme Craft для Joomla

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

Страница продукта обычно уже объясняет, что Craft относится к тематике home and living и подходит для ремесленных, мебельных и интерьерных проектов. Здесь важнее другое: как превратить красивое демо в рабочий сайт, где тексты, услуги, портфолио, материалы и контакты не разваливаются после первых правок. Поэтому руководство построено как практическая инструкция, а не как рекламный обзор.

Отдельно уделим внимание YOOtheme Pro Builder. Именно он отвечает за готовые layout, секции, элементы, стиль, модули и привязку результата к страницам Joomla. Если понимать эту связку, настройка YOOtheme Craft становится предсказуемой: вы меняете не «картинку на витрине», а конкретные участки макета, которые затем проверяются в публичной части сайта.

Какую задачу закрывает Craft и где он полезен

Главная задача Craft - быстро собрать визуально цельный сайт для мастерской, студии, производителя мебели, интерьерной команды, ремонтной бригады или похожего бизнеса, где важны фотографии работ, фактуры материалов, портфолио и понятная навигация по услугам. По официальной странице YOOtheme, пакет включает готовые page layouts, style variations и curated images, а демо доступно как полноценная Joomla installation с YOOtheme Pro и demo content. Это значит, что шаблон удобнее всего раскрывается в двух сценариях: старт с demo package для нового сайта или перенос отдельных layout и стилей в уже существующий проект.

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

При этом Craft не является отдельным компонентом Joomla с собственной бизнес-логикой. Он работает через YOOtheme Pro: страницы собираются в Page Builder, повторяемые типы страниц можно оформить через Templates, навигация управляется через Joomla Menus и меню-панели YOOtheme Pro, модули выводятся в template positions или через Position element. Поэтому главный навык владельца сайта - понимать, где заканчивается демо-контент и начинается управляемая структура Joomla.

Что подтверждают источники

По официальной карточке Craft относится к Joomla Template for Home & Living Websites, построен на YOOtheme Pro page builder, содержит 12 ready-to-use page layouts, 6 customizable style variations и 37 curated images. Там же указано, что demo website documentation для Joomla описывает Post Fields, включая custom field Image Text Color для цвета текста на фоне изображения. Это не мелочь: такой field помогает не держать цвет заголовка «в голове», а задавать его как часть контента, когда изображение в карточке тёмное или светлое.

Документация YOOtheme Pro дополняет картину. Она показывает, что Customizer объединяет настройки темы, стили и page layouts в одном интерфейсе, а live preview помогает видеть изменения до публикации. Page Builder работает с Sections, Rows, Columns и Elements. Modules panel интегрирован с Joomla Module Manager, а Template Styles можно дублировать и назначать к menu items. Это и есть рабочая база для настройки Craft.

Когда шаблон может быть лишним

Craft не лучший выбор, если сайту нужен минимальный текстовый блог без визуальной подачи, сложный интернет-магазин с большим каталогом, отраслевой портал с множеством ролей и прав или проект, где редакторы категорически не должны работать в visual builder. В таких случаях лучше выбрать более специализированный шаблон или сначала построить структуру контента, а уже потом подбирать визуальную оболочку.

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

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

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

Внутри Joomla это обычно выглядит так: несколько постоянных страниц собираются как individual page layouts, записи портфолио или новости могут использовать шаблоны, меню связывает ключевые разделы, а модули выводят контакты, социальные ссылки, языковой переключатель, дополнительное меню или блоки над и под основным контентом. Craft даёт визуальный слой, а Joomla сохраняет привычную систему контента.

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

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

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

Проверка архива

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

Проверка прав и ресурсов сервера

Документация по installation issues указывает, что проблемы установки часто связаны с ограниченными ресурсами PHP: post_max_size, upload_max_filesize, max_execution_time и memory_limit. Для Craft это актуально, потому что пакет с демо и изображениями может быть больше обычного небольшого шаблона. Если загрузка обрывается, сначала проверьте размер архива и лимиты сервера, а не переустанавливайте Joomla вслепую.

Отдельно проверьте file permissions. YOOtheme рекомендует типовые права 755 для директорий и 644 для файлов. Если настройки не сохраняются, стили не пишутся или медиа не загружаются, проблема может быть не в Craft, а в правах на директории. Не ставьте чрезмерно широкие права «чтобы заработало»: лучше исправить владельца файлов, права и доступ веб-сервера.

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

YOOtheme Pro Customizer доступен пользователям с правом Edit Templates. Документация отдельно советует ограничивать этот доступ, если редакторы не должны менять дизайн сайта. Для рабочего проекта это критично: редактор может случайно изменить не один блок, а глобальные настройки, стиль, меню или layout. Минимальная безопасная схема - дать редакторам доступ к контенту, а Customizer оставить администратору или вебмастеру.

Перед установкой на боевой сайт проверьте три вещи: тип архива, резервную копию и права доступа к YOOtheme Pro Customizer. Эти проверки экономят больше времени, чем последующая диагностика «почему демо не стало как на скриншоте».

Установка и первый запуск без путаницы с demo package

Если вы устанавливаете Craft на существующий сайт, используйте обычный пакет YOOtheme Pro для Joomla. В админ-панели Joomla откройте установку расширений, загрузите архив шаблона, затем проверьте Template Styles. После установки назначьте нужный стиль шаблона как default или привяжите его к конкретным пунктам меню. Не загружайте demo package в существующий сайт как расширение: это другой формат, рассчитанный на разворачивание новой Joomla installation.

Базовый порядок для существующего сайта

1. Сделайте резервную копию файлов и базы данных.
2. Убедитесь, что архив относится к YOOtheme Pro theme package, а не к Joomla demo package.
3. Откройте в Joomla установку расширений и загрузите архив шаблона.
4. Перейдите к template styles и проверьте, появился ли стиль YOOtheme.
5. Откройте YOOtheme Pro Customizer через пункт YOOtheme в админ-панели.
6. Сохраните настройки без крупных правок, затем откройте публичную часть сайта и проверьте, что шаблон применяется к нужным страницам.

После установки не спешите менять все секции. Сначала проверьте, какие страницы уже существуют, какие menu items назначены, где опубликованы модули и какой template style является default. Если сайт старый, часть модулей может оказаться в позициях, которые новый шаблон не выводит так же, как прежний. Это нормальная ситуация: нужно сопоставить старые позиции с позициями YOOtheme Pro.

Если вы начинаете с чистого сайта

Для нового проекта demo package полезен как учебный стенд. Он показывает, как Craft соединяет homepage, services, portfolio, about, contact, index, post и legal pages. На таком стенде удобно разобрать структуру и понять, какие элементы можно оставить, а какие лучше удалить. Но даже при чистом старте не редактируйте демо без плана. Сначала перечислите будущие разделы сайта, затем решите, какие demo layouts соответствуют этим разделам.

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

Откройте главную страницу, одну внутреннюю страницу, страницу с материалами или портфолио и контактную страницу. Проверьте, что header, menu, footer, images и typography выглядят единообразно. Затем откройте Customizer и убедитесь, что live preview показывает ту же страницу, которую вы редактируете. Если preview не совпадает с ожидаемым menu item, проверьте назначение template style и активный пункт меню.

Мини-итог этого этапа: шаблон должен быть установлен, Customizer должен открываться, нужный template style должен применяться к нужным menu items, а публичная часть сайта должна показывать хотя бы базовую структуру без белых экранов и пропавших модулей.

Настройка внешнего вида: стили, шапка, типографика и изображения

Craft поставляется с шестью style variations. Официальная страница перечисляет Default, White Green, White Orange, White Dove, Light Beige и Black Beige. Эти варианты не стоит воспринимать как «цветовые игрушки». Style variation задаёт стартовое настроение сайта: светлый интерьерный, более тёплый ремесленный, контрастный тёмный или нейтральный каталоговый. Сначала выберите вариант, который ближе к фотографиям и бренду, а уже потом меняйте отдельные цвета.

В Style Customizer можно менять цвета, шрифты, spacing и UIkit-компоненты. Документация подчёркивает, что YOOtheme Pro стилизует UIkit-классы, поэтому изменение глобального стиля влияет на кнопки, карточки, типографику и другие элементы. Для Craft это особенно заметно: крупные заголовки, карточки услуг и кнопки должны сохранять общий характер. Если менять шрифт, цвет акцента и размеры одновременно, легко получить сайт, который уже не похож на Craft.

Безопасный порядок настройки стиля

1. Выберите ближайшую style variation и сохраните её как основу.
2. Проверьте hero, карточки услуг, блок материалов, портфолио и footer на одной странице.
3. Настройте логотип и header, не меняя сразу dropdown, mobile header и dialog.
4. Подберите акцентный цвет для ссылок, кнопок и небольших декоративных элементов.
5. Проверьте читаемость белого и тёмного текста поверх фотографий.
6. Сохраните настройки и откройте страницу в обычном браузере, а не только в preview.

Шапка и навигация

В демо Craft header выглядит минималистично: много воздуха, компактное центральное имя и простые пункты меню. При переносе на реальный сайт часто появляется соблазн добавить больше ссылок. Это ухудшает первый экран. Для мастерской или студии обычно хватает главного меню: услуги, материалы, портфолио, о компании, контакты. Новости, юридические страницы и второстепенные ссылки лучше увести в footer или отдельный secondary menu.

Документация Header & Navbar описывает прозрачный header, sticky-режимы, dropdown, dialog и поиск. Для Craft прозрачная шапка может хорошо смотреться на hero с тёмной фотографией, но её нужно проверять на всех страницах. Если на внутренней странице сверху светлое изображение, текст меню может потеряться. В таком случае используйте отдельный template style для проблемной страницы или настройте header так, чтобы контраст не зависел от случайной фотографии.

Мини-проверка header

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

Изображения и контраст текста

Craft сильно зависит от изображений. В Files & Images документации YOOtheme Pro есть важные для этого шаблона настройки: media manager, responsive images, lazy loading, качество JPG и next-gen форматы. Не загружайте огромные фотографии без контроля. Лучше подготовить изображения под реальные секции: hero, услуги, материалы, portfolio preview и team. После загрузки проверьте, как они обрезаются в карточках и на широких экранах.

Официальная страница Craft упоминает custom field Image Text Color для Post. Используйте эту идею как принцип: если текст лежит на изображении, цвет и контраст должны задаваться осознанно. Не полагайтесь на то, что любая фотография будет читаться поверх белого заголовка.

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

Главная страница Craft не должна оставаться набором демо-фраз. Её нужно превратить в маршрут для посетителя. В исходном визуальном референсе путь выглядит так: hero с сильным словом Handmade, короткий вводный блок, сетка услуг, материалы, история и портфолио. Для реального проекта этот маршрут можно сохранить, но содержание должно отвечать на вопросы клиента: что вы делаете, чем отличаетесь, какие материалы используете, какие работы уже есть и как связаться.

Hero: не только красивая фотография

Hero-секция в Craft работает как эмоциональный вход. Она может показывать процесс, мастерскую, материал или готовый объект. Но поверх изображения должен быть короткий смысл, а не длинное описание. Хороший вариант: одна сильная фраза и подзаголовок, который уточняет услугу. Плохой вариант: пять строк текста, список преимуществ и кнопка, которые теряются на фоне.

После замены hero-фото обязательно проверьте три состояния: обычный desktop, широкий экран и мобильный preview в Customizer. Документация Customizer показывает device preview buttons; используйте их как обязательную проверку, а не как необязательную функцию. Если заголовок попадает на светлую часть фото, поменяйте изображение, обрезку, overlay или цвет текста.

Services: карточки должны вести к конкретным страницам

Сетка services в Craft визуально сильная: белые карточки поверх интерьерных и ремесленных фотографий. Но в рабочем сайте каждая карточка должна вести к странице услуги или хотя бы к секции с подробностями. Если оставить только «More Details» без реального назначения, посетитель не поймёт, что происходит после клика. Для мастерской это могут быть кухни на заказ, мебель, стены и полы, проектирование, реставрация. Для интерьерной студии - дизайн-проект, авторский надзор, комплектация, ремонт, мебель.

Materials: полезный блок, а не декоративная полоса

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

Portfolio: показывайте не всё подряд

Портфолио в Craft должно показывать качество решений. Не добавляйте все доступные фотографии. Лучше выбрать проекты, которые различаются по задаче: кухня, мебель, стены, небольшая реставрация, комплексный интерьер. Для каждого проекта стоит указать задачу, материал, срок или ограничение, если это подтверждается реальными данными. Тогда портфолио становится доказательством опыта, а не просто галереей.

Template Styles, меню и модули: что важно именно для Joomla

Для Joomla-шаблона недостаточно настроить внешний вид одной страницы. Нужно правильно связать Craft с menu items, module positions и template styles. Документация YOOtheme Pro показывает два важных механизма: template style можно дублировать и назначать к пунктам меню, а Modules panel позволяет управлять модулями и позициями прямо в YOOtheme Pro. Это даёт гибкость, но требует дисциплины.

Когда нужен отдельный template style

Отдельный template style полезен, когда одна группа страниц должна отличаться не только контентом, но и общими настройками: например, главная с прозрачной шапкой, портфолио с другим цветом акцента, блог с более спокойным header или landing page без лишних модулей. В Template Styles документации описан безопасный путь: дублировать default style, открыть новый стиль через Open Website Builder и назначить его к menu items через Menu Assignment.

Не создавайте новый style для каждой мелкой правки. Если отличие только в одном заголовке или карточке, лучше изменить конкретный layout. Template style нужен для системного различия: header, style, footer, глобальные настройки, привязка к группе страниц.

Меню в YOOtheme Pro и Joomla

Menus panel интегрирован с Joomla Menu Manager. Через него можно добавлять menu items, настраивать images, subtitles, dropdown, mega menu и menu positions. Для Craft важно сохранить простую навигацию. Если нужно сложное раскрывающееся меню с услугами, используйте mega menu осторожно: оно должно помогать выбрать услугу, а не показывать все страницы сайта.

Для multilingual sites документация YOOtheme Pro описывает language switcher через menu item с ссылкой #language-switcher. Если сайт будет на нескольких языках, не смешивайте это с обычным текстовым пунктом меню. Сначала настройте языки, переводы articles, menu items и modules в Joomla, затем добавьте переключатель в навигацию Craft и проверьте, что для каждого языка назначены правильные menu items и modules.

Модули и позиции

YOOtheme Pro Modules документация перечисляет позиции toolbar-left, toolbar-right, logo, navbar, header, dialog, мобильные аналоги, sidebar, top, bottom и builder-1 до builder-6. Для Craft это позволяет размещать контактный телефон, язык, социальные ссылки, дополнительное меню или служебные блоки без ручной правки шаблона.

Особенно внимательно отнеситесь к sidebar. FAQ YOOtheme объясняет, что sidebar не показывается на page builder pages автоматически, потому что builder создаёт full-width sections. Если боковая колонка нужна внутри такой страницы, используйте Position element в layout. Это частый источник недоумения: модуль опубликован, но на странице, собранной builder-ом, он не появляется там, где ожидалось.

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

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

Цель

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

Подготовка

• Установлен YOOtheme Pro theme package или развёрнут demo package на тестовом сайте.
• Главная страница открывается в YOOtheme Pro Customizer.
• Подготовлены изображения: hero, 5 карточек услуг, 3-6 работ портфолио, несколько фактур материалов.
• Созданы или запланированы menu items для услуг, портфолио, страницы о компании и контактов.
• Есть резервная копия перед массовыми изменениями layout.

Шаги

1. Откройте главную страницу в Customizer и сохраните исходный layout в My Layouts, если доступна такая возможность.
2. Замените hero image на фотографию процесса или готового изделия. Оставьте короткий заголовок и одну уточняющую строку.
3. В блоке services переименуйте карточки под реальные услуги. Для каждой карточки проверьте ссылку.
4. В блоке materials замените декоративные подписи на материалы, которые действительно используются в проектах.
5. В портфолио оставьте несколько сильных работ и удалите слабые дубли.
6. В footer проверьте адрес, телефон, email, рабочие ссылки и второстепенное меню.
7. Сохраните layout и откройте страницу без режима редактирования.

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

Проверка должна быть не только визуальной. Пройдите страницу как посетитель: можно ли за 10 секунд понять, чем занимается мастерская, куда нажать для услуги, где увидеть примеры работ и как связаться. Затем проверьте menu items, мобильный вид, контраст текста на hero, скорость загрузки изображений и отсутствие пустых демо-ссылок.

Что считать успешным результатом

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

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

Если после изменения текста секция «ломается», причина часто не в шаблоне, а в длине заголовков. Демо Craft использует короткие слова и плотную типографику. Русские фразы могут быть длиннее. Сократите заголовок, перенесите уточнение в абзац или измените размер текста через настройки элемента. Не пытайтесь уместить длинное описание в маленькую карточку услуги.

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

Craft можно использовать не только как сайт столярной мастерской. Его визуальная основа подходит для проектов, где есть сочетание услуги, материалов, процесса и портфолио. Ниже - идеи, которые не требуют выдуманных функций: они используют готовые layout, секции, menu items, modules, portfolio-подачу и YOOtheme Pro Builder.

Мастерская с несколькими направлениями

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

Студия интерьера с проектами

Портфолио можно превратить в раздел кейсов. Для каждого кейса добавьте задачу, фотографии, материалы и результат. Если сайт использует Joomla articles, site-wide template в YOOtheme Pro поможет оформить однотипные страницы проектов. Проверяйте, что список проектов и отдельная страница проекта имеют одинаковый визуальный язык.

Каталог материалов без сложной коммерции

Если заказ оформляется через консультацию, а не через корзину, Craft подходит для простого каталога материалов. Создайте страницы по группам: дерево, шпон, камень, фурнитура, покрытия. В карточках не обещайте наличие и цены, если они быстро меняются. Лучше дать описание применения, фото фактуры и кнопку связи.

Маленькая команда с акцентом на доверие

В Craft хорошо смотрятся блоки «о нас», team и история. Для семейной мастерской, локальной студии или ремесленного бренда это может быть сильнее, чем длинный список преимуществ. Добавьте реальные фотографии процесса, короткие роли участников и понятный контакт. Проверьте, что страница не превращается в личный блог, если задача сайта - заявки на услуги.

Проверка результата после настройки

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

Проверка страниц и меню

Откройте каждый пункт главного меню. Убедитесь, что он ведёт к нужной странице, активный пункт подсвечивается логично, dropdown не перекрывает важный текст, а mobile menu открывается без лишних пунктов. Если используется отдельный template style для главной или портфолио, проверьте, что он назначен только нужным menu items.

Проверка модулей

Составьте короткий список модулей: контакты, language switcher, social links, footer menu, search, дополнительные блоки в top или bottom. Для каждого модуля проверьте position, status, access и menu assignment. Joomla User Manual подчёркивает, что отображение модулей зависит от Menu Assignment и Access permission. Если модуль не виден, не начинайте с CSS: сначала проверьте назначение.

Проверка адаптивности и скорости

В Customizer есть device preview buttons, но окончательная проверка должна быть в браузере. Проверьте hero, services grid, portfolio, footer и форму контакта на реальном мобильном размере. Для изображений проверьте, что они не размыты, не обрезают важный объект и не грузятся чрезмерно тяжёлыми. YOOtheme Pro умеет создавать responsive images и lazy loading, но исходные изображения всё равно должны быть осмысленными.

Проверка контента

Удалите демо-тексты, временные emails, тестовые адреса, заглушки в портфолио и пустые ссылки. Проверьте alt у ключевых изображений, title страницы в Joomla menu item, мета-описания для основных страниц и корректность contact information. Самая частая ошибка после красивой настройки - оставить демо-ссылки и демо-фразы в местах, куда посетитель реально нажимает.

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

Craft допускает аккуратные улучшения через штатные механизмы YOOtheme Pro и Joomla. Не нужно править файлы ядра шаблона, если задача решается через Customizer, custom CSS конкретного элемента, child theme или language overrides. Чем меньше прямых правок в исходных файлах, тем проще обновлять YOOtheme Pro и откатывать изменения.

Мягкая CSS-правка карточек услуг

Документация Elements для Joomla описывает Advanced tab, поле Classes и поле CSS. Там же указано, что YOOtheme Pro даёт selector .el-element для конкретного элемента, а также selectors вроде .el-title, .el-content и .el-link. Это безопасная база для маленькой правки, потому что CSS применяется к выбранному элементу, а не ко всему сайту.

Например, если карточка услуги поверх фотографии выглядит слишком плоской, добавьте CSS в поле конкретного элемента или row, а не в глобальный файл. Перед этим сохраните исходный layout.

/* Небольшое усиление карточки услуги внутри выбранного элемента YOOtheme Pro */
.el-element {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 42px rgba(28, 24, 20, 0.14);
}

.el-title {
  letter-spacing: 0.02em;
}

Проверка: откройте карточку в desktop и mobile preview, затем на публичной странице. Если стиль влияет не на тот блок, удалите CSS из элемента и вернитесь к сохранённому layout. Не добавляйте длинные глобальные селекторы, если можно ограничить правку одним элементом.

Языковые переопределения для служебных фраз

Если нужно заменить системную строку Joomla или подпись расширения, используйте language overrides, а не редактирование исходных файлов. Это особенно полезно для многоязычного сайта, где разные языки должны иметь свои формулировки. Для текстов, которые находятся прямо в layout Craft, достаточно редактировать content fields элемента.

Child theme для серьёзных изменений

Документация Child Themes описывает, что template files можно переопределять через child theme, а YOOtheme Pro имеет собственные output overrides. Это путь для разработчика, когда нужно изменить шаблонный файл, а не просто CSS. Для обычной настройки Craft такой уровень редко нужен. Используйте child theme только если понимаете, какой файл переопределяете, зачем это делаете и как вернуть исходное состояние.

Частые проблемы и диагностика Craft в Joomla

Проблемы с Craft обычно возникают не из-за самого визуального референса, а из-за связки Joomla, YOOtheme Pro, прав доступа, menu assignment, модулей, кеша и изображений. Ниже - практическая диагностическая карта для ситуаций, которые чаще всего появляются после установки или активной настройки.

Демо выглядит не так, как на скриншоте

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

Проверьте тип архива, активный template style и наличие нужных page layouts. Если вы хотели стартовать с полной демо-структуры, используйте отдельный тестовый сайт с demo package. Если работаете на существующем проекте, переносите layout выборочно и вручную связывайте menu items, modules и content.

Customizer открывается, но изменения не сохраняются

Возможные причины - права файлов, недостаточные права пользователя или ошибка в custom Less/CSS. Сначала проверьте, имеет ли пользователь право Edit Templates. Затем проверьте file permissions: для директорий типовое значение 755, для файлов 644. Если перед проблемой добавлялся custom Less, временно удалите последнюю правку и сохраните снова.

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

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

Проверьте status, position, access и menu assignment. Если страница собрана Page Builder-ом full-width sections, обычный sidebar может не выводиться автоматически. В таком случае добавьте Position element в нужную секцию или используйте позиции top, bottom, dialog и другие позиции YOOtheme Pro, если они подходят по смыслу.

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

Быстрый способ сузить причину

Временно назначьте модуль на все страницы и проверьте, появляется ли он в нужной позиции. Если появился, проблема была в menu assignment или active menu item. Если не появился, переходите к position, access и логике builder-страницы.

Текст плохо читается поверх фотографии

Проверьте изображение, overlay, цвет текста и настройки конкретного элемента. В Craft много блоков, где текст и фото работают вместе. Если фотография слишком светлая или контрастная, замените её, измените кадрирование или выберите другой цвет текста. Для Post используйте подход с Image Text Color, если такая структура применяется в вашем контенте.

После правки стиля сломались карточки и кнопки

YOOtheme Pro style customizer меняет UIkit-компоненты, поэтому глобальная настройка может затронуть больше блоков, чем вы ожидали. Вернитесь к последней сохранённой style variation, проверьте preview UI components и меняйте по одному параметру. Если нужна локальная правка, используйте Advanced CSS конкретного элемента вместо глобального изменения.

Белая страница или ошибка после установки

Документация FAQ связывает blank page с PHP error и советует смотреть error log или временно включать отображение ошибок для диагностики. Не скрывайте симптом кешем и не переустанавливайте шаблон сразу. Сначала проверьте PHP log, последние установленные расширения, ресурсы сервера и совместимость дополнительных интеграций.

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

Craft стоит использовать, если вам нужен Joomla-сайт с сильной визуальной подачей, понятной структурой услуг, портфолио, материалами и аккуратной навигацией. Он особенно хорош, когда бизнес хочет показать индивидуальную работу и качество исполнения, а не просто разместить каталог ссылок. При правильной настройке YOOtheme Craft даёт быстрый старт и при этом оставляет управляемую Joomla-структуру: menu items, modules, template styles, pages и templates.

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

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