YOOtheme Copper Hill - Шаблон Joomla

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

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

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

Отдельное внимание уделено тому, что в Copper Hill важно именно как в Joomla-шаблоне: quickstart и обычный пакет темы, template styles, назначение на пункты меню, позиции модулей, builder-макеты, динамический контент, child theme и безопасные CSS-доработки. Если вы раньше работали только с обычными Joomla-шаблонами без визуального конструктора, этот подход поможет не потеряться в логике YOOtheme Pro.

Что именно даёт Copper Hill ресторанному сайту

Основная задача Copper Hill - быстро дать ресторанному сайту узнаваемую визуальную структуру: крупная геро-секция, минимальная шапка, страницы меню, история заведения, галерея, контактный блок и аккуратная типографика. Официальная страница YOOtheme указывает, что шаблон относится к категории food and drink websites, включает набор готовых page layouts, несколько styles и подборку изображений. Демо показывает не универсальный корпоративный сайт, а именно ресторанный сценарий с Lunch, Dining, Our Story, Gallery, Contact и News.

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

Главное решение перед стартом - понять, нужен ли вам демонстрационный сайт как основа или только шаблон и макеты для существующей Joomla. Для нового проекта удобен quickstart/demo package, потому что он разворачивает сайт с демо-структурой. Для существующего сайта безопаснее устанавливать обычный theme package и переносить только нужные layouts, чтобы не смешивать демо-данные с рабочими материалами.

Кому шаблон подходит

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

Он также удобен веб-студии, которая собирает сайт для клиента на Joomla и хочет оставить клиенту редактируемую структуру в YOOtheme Pro. Редактор сможет менять тексты, изображения и блоки через builder, а разработчик сохранит контроль над template styles, модулями, меню и child theme.

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

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

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

Как устроена связка Joomla, YOOtheme Pro и демо Copper Hill

YOOtheme Copper Hill работает внутри YOOtheme Pro. Это значит, что внешний вид сайта настраивается не только через стандартные параметры шаблона Joomla, но и через customizer YOOtheme Pro: панели Layout, Style, Pages, Templates, Menu, Modules и Settings. Пользователь видит live preview, может переключать устройства, менять стиль и редактировать layout без ручного переписывания HTML.

С точки зрения Joomla это всё равно шаблон. Он устанавливается как template package, может иметь template styles, назначение на пункты меню, модульные позиции и доступы. С точки зрения редактора это visual builder, где страницы и секции собраны элементами YOOtheme Pro. С точки зрения разработчика это тема, которую можно расширять через child theme, custom CSS/JS, overrides и аккуратные настройки.

Три слоя, которые нельзя путать

Практическая ошибка новичка - пытаться решать все задачи в одном месте. Например, меню сайта редактируется не только в YOOtheme, а начинается в Joomla Menu Manager. Вид меню, выпадающие панели и поведение в шапке дорабатываются уже в панели Menu YOOtheme Pro. Сами блоки на странице могут быть builder-макетами, а общий шаблон записи или страницы задаётся через Templates.

• Joomla отвечает за материалы, категории, пункты меню, модули, доступы, языки и системные настройки.
• YOOtheme Pro отвечает за layout, стили, builder-элементы, шаблоны вывода, меню, модули и визуальную сборку страниц.
• Copper Hill даёт ресторанную визуальную основу: готовые макеты, стили, фотографии, секционный ритм и демо-сценарии.

Когда эти слои разделены в голове, настройка становится спокойнее. Если не отображается пункт меню, сначала проверяют Joomla menu item. Если блок есть, но выглядит не так, смотрят builder и style customizer. Если страница не получила нужный дизайн, проверяют template style assignment и условия template.

Подготовка и установка без лишнего риска

Перед установкой Copper Hill полезно решить, в какой среде вы работаете. Для нового сайта можно использовать demo package или quickstart: он разворачивает Joomla с демо-структурой, шаблоном и примером страниц. Для существующего сайта безопаснее установить обычный theme package, а демо использовать как ориентир для макетов и структуры. Разница принципиальная: quickstart рассчитан на новый сайт, а не на аккуратное добавление в уже работающую Joomla.

Официальная документация YOOtheme Pro по установке обращает внимание на тип пакета, права доступа и возможность использования Joomla update system. В статье мы не разбираем покупку, ключи и лицензирование, потому что это не задача руководства. Практический смысл другой: не испортить рабочий сайт и быстро понять, что шаблон установился корректно.

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

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

• Проверьте, что версия Joomla и PHP соответствует требованиям YOOtheme Pro, указанным в актуальной документации разработчика.
• Убедитесь, что сервер разрешает загрузку архивов нужного размера: важны upload_max_filesize, post_max_size, memory_limit и max_execution_time.
• Проверьте права файлов и директорий: документация YOOtheme указывает типовые значения 755 для папок и 644 для файлов как ориентир для нормального сохранения.
• Отключите агрессивную оптимизацию JavaScript на время настройки, если на сайте уже есть внешний оптимизатор или прокси-сервис.
• Сохраните список активных расширений, особенно тех, которые влияют на кеш, минификацию, меню, формы, галерею и мультиязычность.

Установка на новый сайт

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

Не спешите удалять демо-страницы в первый день. Лучше сначала понять, какие из них пригодятся: Home, Lunch, Dining, Our Story, Gallery, Contact, News, отдельный post layout. После этого лишние материалы можно убрать или оставить как черновики. Такой подход снижает риск случайно удалить layout, который позже окажется полезным.

Установка на существующий сайт

На рабочем сайте действуйте осторожнее. Установите theme package, создайте или продублируйте template style, назначьте его сначала на тестовый пункт меню, а не на весь сайт. Это позволит открыть отдельную страницу и проверить внешний вид без резкого изменения публичной главной страницы. Если всё работает, переносите или собирайте нужные layouts постепенно.

Проверка после установки простая: customizer открывается, сохранение стилей не выдаёт ошибку, страница с назначенным template style отображается, CSS загружается, а в консоли браузера нет явных JavaScript-сбоев.

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

После установки главный рабочий центр - YOOtheme Pro customizer. Он сочетает sidebar с настройками и live preview сайта. Для Copper Hill это особенно удобно: вы видите, как изменение шапки, цвета, типографики или секционного отступа влияет на ресторанную страницу с крупными фото, меню и контактными блоками.

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

Панели, которые стоит открыть первыми

Если вы меняете стиль, но результат не виден, проверьте, какой template style назначен текущей странице. Если меняете меню, но пункт не появляется, проверьте Joomla Menu Manager. Если редактируете layout, но видите старую страницу, убедитесь, что вы правите правильный Page или Template.

Макеты Copper Hill: как собрать структуру ресторана

Официальная страница Copper Hill указывает набор готовых page layouts, а демо показывает, как они работают вместе. Это не случайные страницы, а типовая архитектура ресторанного сайта. Home создаёт первое впечатление, Lunch и Dining работают как меню, Our Story объясняет историю и атмосферу, Gallery показывает визуальные доказательства, Contact закрывает контактный сценарий, News и Post дают место для событий, заметок, сезонных обновлений и материалов.

Перед редактированием полезно выписать, какие страницы нужны именно вашему заведению. Небольшому кафе может хватить Home, Menu, Gallery и Contact. Ресторану с событиями нужен News. Бару с дегустациями пригодится отдельная страница событий. Пекарне или винному проекту может понадобиться несколько страниц под категории продукции. Copper Hill даёт основу, но не заставляет копировать демо один к одному.

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

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

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

Страницы Lunch и Dining

Lunch и Dining в демо полезны как два разных сценария меню. Это можно использовать буквально, если у ресторана есть дневное и вечернее меню. Можно переименовать их в "Меню", "Бар", "Завтраки", "Сезонное предложение" или "Винная карта", если это лучше соответствует сайту. Важно не название, а принцип: каждая страница меню должна быть читаемой, не перегруженной и связанной с навигацией.

Если меню меняется часто, подумайте о динамическом контенте или структуре на базе Joomla articles/categories. Если меню меняется редко, проще поддерживать builder-страницу. В обоих случаях сохраните единый стиль заголовков, отступов и разделителей, чтобы посетитель не ощущал каждую страницу как отдельный сайт.

Gallery, Our Story и Contact

Галерея должна доказывать атмосферу, а не просто занимать место. Для Copper Hill подходят серии: интерьер, блюда, барная зона, команда, события. Страница Our Story лучше работает, когда рассказывает короткую историю и подкрепляет её фотографиями, а не повторяет общий текст "о нас". Contact должен быть самым практичным: адрес, часы работы, телефон, карта, форма связи или ссылка на внешний сервис бронирования, если он используется.

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

Стили, палитра и разные версии страниц

Copper Hill поставляется с несколькими styles, а YOOtheme Pro даёт style customizer. Официальные материалы упоминают готовые стили Copper Hill, а документация объясняет работу с цветами, переменными UIkit, библиотекой стилей и template styles. На практике это значит, что вы можете сохранить исходную рустикальную атмосферу, но адаптировать цветовой акцент, типографику и контраст под бренд ресторана.

Не стоит сразу переписывать весь визуальный язык. Источник Copper Hill хорошо работает за счёт контраста: светлые секции, тёмные фото, тонкие заголовки, просторные отступы, ресторанная фотография. Если заменить все цвета и шрифты без системы, сайт быстро потеряет цельность. Настройку лучше вести от главных решений к частным: сначала стиль, затем кнопки и ссылки, затем отступы, затем отдельные блоки.

Как использовать template styles

Template styles в Joomla позволяют иметь несколько вариантов одного шаблона и назначать их на разные пункты меню. Для Copper Hill это удобно, если главная страница должна быть выразительной и тёмной, а страницы меню или новостей - светлее и практичнее. Документация YOOtheme Pro описывает дублирование styles и назначение через menu assignment.

1. Создайте копию template style перед экспериментами.
2. Назначьте копию на тестовый пункт меню или отдельную страницу.
3. Откройте customizer и поменяйте только один крупный слой: цвета, типографику или layout.
4. Сохраните изменения и проверьте страницу в публичной части сайта.
5. Если результат подходит, переносите стиль на нужные пункты меню.

Не меняйте основной style, пока не поняли, какие страницы на него назначены. Иначе можно случайно изменить внешний вид всего сайта, включая страницы, которые уже согласованы с клиентом.

Связка "настройка -> результат"

Любую визуальную правку проверяйте на реальном блоке. Например, изменение цвета кнопки нужно смотреть на CTA-блоке контактов или бронирования. Изменение заголовков нужно смотреть на hero, меню и карточках галереи. Изменение spacing нужно проверять на двух соседних секциях, а не только на одной странице. Так вы быстрее поймёте, где правка улучшает Copper Hill, а где ломает его ритм.

Навигация, модули и позиции: что важно именно для Joomla-шаблона

Для Joomla-шаблона навигация и модули не второстепенны. Copper Hill визуально минималистичен, поэтому любое лишнее меню, неудачная позиция модуля или перегруженный footer сразу бросаются в глаза. Документация YOOtheme Pro описывает работу с menu positions, mega menu builder, module positions, top/bottom sections и sidebar. Эти инструменты помогают собрать сайт ресторана без хаотичных блоков.

Меню начинается в Joomla

Пункты меню создаются и управляются в Joomla. YOOtheme Pro отвечает за то, как эти пункты выглядят в шапке, мобильном меню, выпадающих областях или mega menu. Для Copper Hill обычно достаточно короткой навигации: Home, Menu, Story, Gallery, Contact, News. Если добавить слишком много пунктов, тонкая шапка потеряет аккуратность.

Проверяйте не только desktop. В мобильном состоянии посетитель должен быстро открыть меню, найти адрес, посмотреть часы работы или перейти к контакту. Если важная ссылка спрятана в третьем уровне, это плохая навигация для ресторана.

Модули как точечные блоки, а не мусорная корзина

YOOtheme Pro даёт позиции модулей и builder modules. Для Copper Hill модули удобно использовать для повторяемых блоков: телефон в верхней зоне, social links, часы работы, карта, footer-колонки, локальный CTA на странице меню. Но модуль не должен появляться везде по умолчанию. Назначайте модули на конкретные пункты меню и проверяйте, где они действительно нужны.

Хорошая практика для Joomla - сначала определить роль модуля, затем позицию, затем menu assignment. Если сделать наоборот, сайт быстро обрастает блоками, которые сложно объяснить и ещё сложнее поддерживать.

Позиции top, bottom и footer

Top и bottom sections полезны для широких повторяемых секций. Например, можно вывести короткую строку с часами работы сверху или блок контактов внизу. Footer в ресторанном сайте обычно содержит адрес, телефон, часы, социальные ссылки и короткую навигацию. Не перегружайте footer длинными текстами: посетитель чаще ищет конкретное действие.

После настройки откройте несколько страниц и проверьте, не конфликтуют ли повторяемые модули с индивидуальными builder-секциями. Если страница Contact уже содержит подробные контакты, дополнительный крупный contact-module в bottom может быть лишним.

Динамический контент для меню, новостей и событий

YOOtheme Pro поддерживает Dynamic Content: builder-элементы могут получать данные из Joomla articles, categories, custom fields и других источников. Для Copper Hill это не обязательно на маленьком сайте, но становится очень полезно, когда ресторан часто меняет блюда, публикует события, новости, сезонные предложения или материалы блога.

Главная идея проста: если контент повторяется и должен обновляться через админ-панель Joomla, не всегда стоит вручную править каждую builder-страницу. Можно подготовить материалы, категории и custom fields, а затем связать элементы YOOtheme Pro с этими источниками. В документации YOOtheme отдельно отмечено, что при неверных источниках dynamic content может подсвечиваться как invalid source. Это полезный сигнал для диагностики, а не просто ошибка интерфейса.

Когда builder-страницы достаточно

Если ресторан меняет меню раз в сезон, а страниц немного, builder-страница проще. Редактор открывает страницу меню, меняет разделы, сохраняет и проверяет результат. Этот путь понятнее для небольшого проекта, где нет десятков блюд, категорий и постоянной публикационной работы.

Когда лучше использовать Joomla articles и custom fields

Если у сайта есть новости, события, разные категории блюд, карточки шеф-повара или регулярные публикации, dynamic content поможет не дублировать структуру. Например, можно создать категорию "Events", добавить материалы с датами и изображениями, а YOOtheme template будет выводить их в едином стиле. Для меню блюд можно использовать материалы и поля только если команда реально готова поддерживать эту структуру.

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

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

Практический сценарий ниже подходит для нового сайта или тестовой страницы на существующей Joomla. Цель - получить рабочую главную страницу ресторана в стиле Copper Hill, где посетитель видит атмосферу, понимает формат заведения, быстро находит меню и контакт. Это не единственный вариант, но он помогает пройти основные узлы настройки без абстрактных советов.

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

Цель: настроить главную страницу так, чтобы она вела посетителя от первого впечатления к практическому действию. Подготовка: установлен YOOtheme Pro с Copper Hill, создана резервная копия, доступен customizer, есть фотографии заведения, тексты для приветствия, пункты меню Joomla и контактные данные.

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

1. Создайте тестовый пункт меню, например "Preview Home", и назначьте на него template style Copper Hill или его копию.
2. Откройте страницу в customizer и загрузите или выберите layout, близкий к Home из демо Copper Hill.
3. Замените hero-фото на собственное изображение ресторана. Если фото тёмное, проверьте читаемость заголовка и контраст.
4. Обновите приветственный блок: коротко объясните формат заведения, не превращая его в длинный рекламный текст.
5. Настройте блок меню: оставьте 2-4 наиболее важные ссылки, например дневное меню, вечернее меню, бар и сезонное предложение.
6. Добавьте или проверьте галерею: используйте фотографии, которые действительно показывают блюда, интерьер и атмосферу.
7. Настройте контактный блок: телефон, адрес, часы работы, ссылка на карту или форму связи.
8. Сохраните изменения, откройте публичную страницу и проверьте путь посетителя без входа в админ-панель.

Что должно получиться

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

Быстрая проверка перед публикацией

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

Нюанс: если изменения видны в customizer, но не видны на публичной странице, не правьте страницу повторно вслепую. Сначала проверьте template style assignment, кеш, правильный пункт меню и права сохранения файлов. Это быстрее, чем случайно ломать уже настроенный layout.

Практичные идеи применения Copper Hill на разных типах заведений

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

Камерный ресторан или бар

Для камерного ресторана главная страница должна работать как витрина атмосферы. Используйте крупное hero-фото, короткое приветствие, отдельные ссылки на Lunch и Dining, блок с историей и контакт. В style customizer сохраните тёмные акценты и тонкую типографику, чтобы сайт не стал похож на обычный каталог.

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

Кафе или пекарня

Для кафе и пекарни можно усилить галерею и блоки с сезонными предложениями. Страницы Lunch/Dining легко переосмыслить как "Завтраки", "Выпечка", "Напитки" или "Сезонное". Если ассортимент меняется часто, подумайте о связке Joomla materials и dynamic content для новостей и обновлений.

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

Винный бар или гастрономический проект

Здесь полезны страницы истории, галереи и событий. News/Post layouts можно использовать для дегустаций, специальных вечеров и анонсов. Галерея должна показывать не только еду, но и атмосферу, интерьер, детали подачи. Template styles можно применить так, чтобы новости были светлее и читабельнее, а главная оставалась более эмоциональной.

Сайт для события или pop-up формата

Если ресторан работает как pop-up или сезонный проект, Copper Hill можно использовать как компактный посадочный сайт: главный экран, дата или период работы, меню, галерея, место, контакт. В этом случае не нужно добавлять блог, сложные категории и много пунктов меню. Лучше сделать один ясный маршрут и проверить, что пользователь видит все важные данные без лишних переходов.

Безопасные доработки: child theme, CSS и локальные правки

YOOtheme Pro для Joomla поддерживает child theme, custom CSS/JS, overrides и работу с пользовательскими файлами. Это правильный путь для небольших доработок Copper Hill. Нельзя править ядро Joomla, файлы шаблона напрямую или внутренние файлы YOOtheme Pro так, чтобы обновление их перезаписало. Безопасная правка должна быть маленькой, понятной, обратимой и привязанной к конкретному элементу.

Для ресторанного сайта часто хватает CSS-акцента: выделить блок бронирования, сделать кнопку в контактной секции заметнее, улучшить отступы в меню или добавить более спокойный стиль для повторяемой CTA-секции. Ниже пример, который не зависит от скрытого API. Он работает только после того, как вы сами добавили CSS class к нужной секции в builder.

Мини-пример CSS для блока бронирования

Задача: аккуратно выделить секцию бронирования или контакта, не меняя все кнопки сайта. В builder откройте нужную секцию и в поле CSS class добавьте ch-reservation-strip. Затем внесите CSS в child theme, custom.css или штатное место для пользовательских стилей, которое использует ваш рабочий процесс.

.ch-reservation-strip {
  border-top: 1px solid rgba(120, 80, 50, 0.18);
  border-bottom: 1px solid rgba(120, 80, 50, 0.18);
  background: rgba(247, 242, 236, 0.72);
}

.ch-reservation-strip .uk-button {
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

Проверка: обновите страницу, очистите кеш, откройте блок на desktop и mobile. Если секция стала слишком контрастной или кнопки выглядят неуместно, удалите класс ch-reservation-strip из builder или уберите CSS. Такой откат безопасен, потому что не затрагивает ядро, шаблонные файлы и глобальные настройки всех кнопок.

Подтверждение логики: документация YOOtheme Pro описывает child themes и пользовательские CSS/JS как нормальный способ расширения. Сам snippet не использует скрытые hooks и срабатывает только на классе, который вы явно назначили.

Производительность, SEO и приватность без завышенных обещаний

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

Скорость

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

SEO

Шаблон сам по себе не гарантирует рост позиций, но может помочь сделать страницу понятной. Используйте нормальные заголовки, содержательные тексты, alt для изображений, понятные пункты меню, читаемую страницу контактов и аккуратную структуру новостей. Если YOOtheme templates применяются к Joomla articles, проверьте, что заголовки и контент не скрыты визуальной сборкой.

Приватность и внешние сервисы

В настройках YOOtheme Pro есть разделы, связанные с privacy/GDPR и cookie manager. Если сайт использует карты, внешние шрифты, видео, аналитику или формы, проверяйте не только внешний вид, но и юридический контекст. Для ресторанного сайта это часто касается карт, форм связи, виджетов бронирования и аналитики. Не включайте внешние сервисы автоматически только потому, что они красиво смотрятся в макете.

Как проверить результат перед запуском сайта

Финальная проверка нужна до того, как вы предложите посетителю перейти к бронированию, звонку или просмотру меню. Copper Hill может выглядеть готовым уже после установки демо, но рабочий сайт отличается от демо тем, что в нём должны быть реальные данные, проверенные ссылки и понятный путь пользователя.

Проверка структуры

• Главная страница открывается нужным пунктом меню и использует правильный template style.
• Навигация содержит только важные пункты, а мобильное меню не перегружено.
• Страницы меню, истории, галереи и контактов имеют разные задачи и не дублируют друг друга.
• Footer содержит актуальный адрес, телефон, часы работы и короткие ссылки.

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

• Фото соответствуют реальному заведению и не выглядят случайной декоративной подборкой.
• Меню читается без увеличения и не превращено в мелкую картинку с текстом.
• Контактные данные проверены вручную, а форма связи или внешняя ссылка действительно работает.
• Новости, если они есть, имеют единый template и не ломают сетку.

Проверка админской поддержки

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

Если Copper Hill не отображается или настройки не сохраняются

Проблемы с Joomla-шаблоном на YOOtheme Pro чаще связаны не с одним "сломавшимся шаблоном", а с окружением: PHP-лимитами, правами файлов, кешем, назначением template style, JavaScript-конфликтами, неправильными dynamic sources или сессией администратора. Ниже диагностика, которую удобно проходить от простого к сложному.

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

Симптом: вы меняете цвет, layout или страницу, нажимаете сохранение, но после обновления всё возвращается. Возможные причины - права файлов, проблемы с записью CSS, истёкшая сессия, блокировка запроса со стороны сервера или конфликт расширения безопасности.

Что проверить

• Права директорий и файлов по рекомендациям YOOtheme и Joomla.
• Открыта ли админ-панель в одной активной сессии без истечения времени.
• Нет ли ошибок в консоли браузера при сохранении.
• Не блокирует ли сервер или защита POST-запросы customizer.

Исправление начинайте с прав и сессии. Если после этого проблема остаётся, временно отключите конфликтующие оптимизаторы или защитные расширения на staging-копии и повторите сохранение.

Страница выглядит правильно в customizer, но публично показывает старый дизайн

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

Исправление: откройте Joomla template styles, проверьте menu assignment, затем очистите кеш. Если у вас несколько копий стиля, переименуйте их понятно: "Copper Hill - Home", "Copper Hill - Menu", "Copper Hill - Test". Это снижает риск редактировать не тот стиль.

CSS не загружается или сайт выглядит без оформления

Симптом: страница открывается, но стили выглядят сломанными, элементы не выстроены, кнопки и сетки потеряли вид. Возможные причины - права на запись скомпилированных файлов, сбой компиляции style, блокировка assets, ошибки оптимизатора или кеш.

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

Builder недоступен или появляется пустой экран

Пустой экран в админском интерфейсе часто указывает на JavaScript-конфликт, ошибку расширения, ограничение сервера или несовместимую оптимизацию. Официальная FAQ YOOtheme Pro отдельно упоминает проблемы с JavaScript errors, blank pages и недоступным builder.

Исправление лучше проводить на копии сайта. Отключите стороннюю минификацию JavaScript, проверьте консоль браузера, временно выключите подозрительные расширения, проверьте PHP error log и повторите открытие customizer.

Dynamic content показывает ошибку или не выводит данные

Симптом: блок должен выводить материалы, поля или категорию Joomla, но показывает пустоту или invalid source. Возможные причины - удалённый материал, изменённое поле, другая категория, неверное назначение template или пустое значение custom field.

Исправление: проверьте источник данных, создайте тестовый материал с заполненными полями, убедитесь, что builder-элемент связан с нужным источником, и только потом меняйте дизайн. Если данные могут быть пустыми, предусмотрите fallback в тексте или структуре страницы.

Модуль появился не там, где ожидалось

Для Joomla это типичная ситуация: модуль назначен на позицию, но пункт меню, видимость или template style не совпадает с текущей страницей. Проверьте module position, menu assignment, состояние публикации модуля и выбранный style. Если модуль нужен только на странице контактов, не назначайте его на весь сайт.

Диагностический порядок: сначала Joomla menu/module/template assignment, затем customizer layout, затем кеш и только после этого CSS или глубокая отладка.

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

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

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

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