JoomShaper Restora - Шаблон Joomla

Руководство по настройке и применению JoomShaper Restora для ресторанного сайта

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

Материал не повторяет краткое описание продукта. Здесь важнее практический путь: выбрать между Quickstart и обычным template pack, понять роль Helix Ultimate и SP Page Builder Pro, настроить меню, позиции модулей, резервирование через OpenTable или альтернативный модуль, заменить демо-контент и проверить результат на публичной части сайта.

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

Какую задачу решает шаблон и где он особенно полезен

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

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

Шаблон особенно уместен, если сайт должен быстро показать три вещи: что это за место, что можно заказать и как забронировать стол. В таком сценарии Restora работает как стартовая система: Helix Ultimate отвечает за общий каркас, SP Page Builder Pro помогает редактировать секции, а ресторанные блоки закрывают меню, галерею и бронирование.

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

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

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

Хорошие сценарии для владельца и вебмастера

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

Для агентства шаблон удобен как основа типового ресторанного проекта. Quickstart помогает быстро показать клиенту почти готовую структуру, а затем заменить демо-страницы реальным контентом. Особенно полезны несколько вариантов главной страницы: можно не спорить о «единственно правильном» макете, а выбрать направление под формат заведения.

Когда шаблон может не подойти

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

Restora также не лучший выбор для проекта, где нужен полностью уникальный дизайн без следов шаблонной структуры. Его можно глубоко менять через SP Page Builder, Helix Ultimate, модули и CSS, но если задача - разработать визуальный язык с нуля, шаблон станет лишь временной опорой.

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

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

Подготовка важна не потому, что установка Joomla-шаблона сложная сама по себе. Проблемы чаще возникают из-за неверного пакета, слабых лимитов хостинга, установки Quickstart поверх существующего сайта или ожидания, что обычный template pack автоматически создаст демо-страницы. Перед первым запуском пройдите короткую проверку.

Пакет: Quickstart или template pack

У Restora есть принципиальная развилка. Quickstart - это полноценный демонстрационный сайт: Joomla, шаблон, модули, компоненты, Helix Ultimate, настройки и демо-данные. Его ставят на чистое место и отдельную базу данных. Такой вариант нужен, если вы хотите получить сайт, похожий на демо, и затем заменить контент.

Template pack - это самостоятельный шаблон Joomla. Он управляет внешним видом и макетом, но не приносит с собой готовые страницы, модули, демо-материалы и собранные секции SP Page Builder. Если поставить только template pack на существующий сайт, вы получите базу для оформления, но главную страницу, меню блюд, галерею и блоки бронирования придётся собирать вручную.

Типичная ошибка - установить template pack и ожидать, что сайт станет копией демо. Для ресторанного проекта чаще разумнее сначала поднять Quickstart на тестовом домене, изучить структуру, а затем переносить нужные страницы и настройки в рабочий проект.

Серверные лимиты и совместимость

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

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

Контент, который нужен до старта

Restora выглядит убедительно только с хорошими исходными материалами. До установки соберите логотип, фотографии hero-секции, 10-20 изображений блюд, структуру меню, адреса филиалов, часы работы, контактные телефоны, ссылки на социальные сети и текст для блока «О нас». Без этого вы будете долго редактировать демо, но не сможете проверить реальный пользовательский путь.

Установка: безопасный путь от демо к рабочему сайту

Самый понятный путь для большинства проектов - сначала развернуть Quickstart в тестовой среде. Так вы видите исходную структуру Restora: какие страницы собраны в SP Page Builder, какие модули опубликованы в позициях, где находится кнопка бронирования, как устроено меню и какие блоки можно удалить. После этого легче решить, переносить ли сайт целиком или воссоздавать нужные элементы на существующей Joomla.

Как работать с Quickstart

Quickstart устанавливается как обычный новый сайт Joomla. Нужны пустая папка, отдельная база данных и доступ к установщику. После завершения установки откройте публичную часть и админ-панель, проверьте главную страницу, меню, галерею и бронирование. Если демо выглядит не так, как на официальной карточке, сначала проверьте, что установили именно Quickstart, а не template pack, и что установка дошла до конца.

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

Как ставить template pack на существующий сайт

Если сайт уже живой, template pack устанавливают через админ-панель Joomla в разделе установки расширений. После установки назначьте шаблон нужным пунктам меню через стили шаблона. Здесь важно понимать ограничение: готовые страницы демо не появятся автоматически. Вам придётся вручную собрать главную страницу, создать или перенести модули, настроить позиции и повторить нужные секции в SP Page Builder.

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

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

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

1. Откройте главную страницу и проверьте, что hero-блок, шапка и меню выглядят целостно.
2. Перейдите в админ-панель и найдите стиль шаблона Restora в настройках шаблонов Joomla.
3. Проверьте, что пункт главного меню ведёт на нужную страницу, а не на старую тестовую запись.
4. Откройте страницу в мобильной ширине и убедитесь, что off-canvas меню показывает вложенные пункты.
5. Отключите кеш на время настройки, если изменения в SP Page Builder или модулях не видны сразу.

Мини-итог этапа: установка считается успешной только тогда, когда вы понимаете, из каких страниц, модулей и позиций собрана главная. Без этого дальнейшая настройка превращается в случайное редактирование красивого демо.

Главная страница, варианты демо и ресторанный контент

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

Как выбрать основу главной

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

Выбирайте не самый «красивый» вариант, а тот, который ближе к действиям посетителя. Если основная цель - бронирование, кнопка и форма должны появиться рано. Если цель - показать меню, список блюд и цены должны быть доступны из первого экрана или из понятного пункта меню. Если заведение новое, блок доверия, команда и фотографии интерьера могут быть важнее блоговой ленты.

Как заменять демо-контент без разрушения композиции

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

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

Что оставить из демо на первом этапе

На первом этапе можно оставить структуру блоков, а заменить только смысловые данные. Логотип, название заведения, реальные блюда, адрес, телефон и фотографии важнее глубокой переработки анимаций. Когда сайт уже показывает реальный ресторан, можно возвращаться к мелкой настройке отступов, цветов и микроанимаций.

Шапка, меню и кнопка бронирования

В Restora шапка не просто держит логотип. Официальная документация описывает три зоны: логотип, основное меню и позицию menu-right, где находится кнопка Reservation, созданная через модуль SP Page Builder с button addon. Это важная деталь, потому что кнопка бронирования может не редактироваться там, где владелец ожидает её найти. Иногда её ищут в пунктах меню, хотя фактически она опубликована как модуль в позиции.

Логотип и основное меню

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

Пункты меню редактируются в Joomla в разделе меню. Для ресторанного сайта минимальный набор обычно такой: Home, Menus, Reservation, Gallery, About, Blog, Contact. Если сайт русскоязычный, сами названия пунктов можно перевести в Joomla, но в сгенерированных обучающих изображениях интерфейс шаблона сохраняется как в референсе. В реальном сайте переводите пункты так, чтобы гость понимал действие: «Меню», «Бронь», «Галерея», «Контакты».

Special Menu и вкладки в мегаменю

В документации Restora указано, что подпункт Special Menu создан через модуль SP Page Builder Menu Tabs внутри пункта меню. Это продуктовая особенность шаблона: специальное меню блюд можно показывать не как обычный выпадающий список, а как визуальный блок с табами. Для ресторанного сайта это полезно, если нужно быстро подсветить завтраки, сезонные позиции, дегустационный сет или популярные блюда.

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

Кнопка бронирования в позиции menu-right

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

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

Модули, позиции и стили шаблона в Joomla

Joomla-шаблон живёт не только в файлах шаблона. На публичный результат влияют стили шаблона, позиции модулей, назначение пунктам меню, настройки Helix Ultimate и страницы, собранные в SP Page Builder. Restora использует этот стек активно, поэтому настройка «после установки» должна идти от каркаса к контенту, а не наоборот.

Стили шаблона и назначение меню

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

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

Позиции модулей и Layout Builder

Документация Restora говорит, что основные позиции можно перемещать и менять по сетке через Layout Builder в Helix Ultimate. Это мощный инструмент, но им легко испортить сетку. Для первого запуска лучше не менять структуру строк и колонок, а работать с публикацией модулей: где показывается кнопка, где меню, где нижний блок, где контактная информация.

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

Боковые модули в детальной статье

В документации есть важное замечание: чтобы видеть модули в правой или левой боковой колонке на странице отдельной статьи, нужно проверить настройку в Helix Options для blog details и отключение модулей. Если боковая колонка не появляется, не спешите искать ошибку в модуле. Сначала проверьте настройку шаблона, затем назначение модуля пунктам меню.

Нижняя часть и футер

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

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

Настройка меню блюд, галереи и страниц доверия

В ресторанном шаблоне меню блюд и галерея не являются второстепенными блоками. Это два основных доказательства для гостя: что здесь подают и насколько заведению можно доверять. Restora предлагает несколько форматов меню, SP Easy Image Gallery, Instagram Gallery addon и набор готовых страниц. Ваша задача - не использовать всё подряд, а выбрать структуру, которая помогает гостю принять решение.

Меню блюд: regular и special

Официальная карточка описывает два подхода к меню: regular menu для категорий, описаний и цен, а также special menu для визуального выделения отдельных блюд. Regular menu лучше подходит для полного списка: завтраки, салаты, горячее, напитки, десерты. Special menu стоит использовать для акций, сезонных блюд, дегустационных предложений и позиций, на которые нужно обратить внимание.

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

Галерея и фотографии кухни

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

SP Easy Image Gallery и Instagram Gallery addon можно использовать по-разному. Галерея на сайте подходит для контролируемого набора лучших фотографий, а Instagram-блок - для живого потока, если профиль действительно ведётся. Если социальная сеть пустая или нерегулярная, лучше не выводить её в первом запуске, чтобы не создавать ощущение заброшенного проекта.

Страницы About, Blog и 404

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

На первом этапе оставьте только те страницы, которые готовы наполнить. Пустой блог, команда с демо-фотографиями и «coming soon» без даты не помогают сайту. Лучше запустить меньше разделов, но сделать каждый раздел убедительным.

Бронирование столика и альтернативы OpenTable

Бронирование - один из самых продуктовых сценариев Restora. Документация описывает использование OpenTable Reservations Widget code и необходимость получить Addon ID на стороне OpenTable. Это удобно, если ресторан уже работает с OpenTable и хочет встроить привычный путь бронирования в сайт. Но это не единственный вариант.

Когда достаточно OpenTable

OpenTable подходит, если заведение уже использует этот сервис и готово принимать брони через внешнюю платформу. Тогда задача сайта - аккуратно вывести виджет, убедиться, что выбран правильный ресторанный идентификатор, и проверить путь посетителя: дата, время, число гостей, переход к подтверждению. Restora в этом случае даёт готовое место для table booking addon и кнопку в шапке.

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

Когда лучше Joomla-расширение для бронирования

Если ресторан хочет управлять бронированием внутри Joomla, OpenTable может быть не лучшим решением. Документация Restora прямо предлагает рассмотреть отдельные расширения из Joomla Extensions Directory, включая RMS от Solidres, Vik Restaurants и TableBooking. Такой путь сложнее, но даёт больше контроля: столы, зоны, смены, правила доступности, заявки, письма и внутренняя обработка.

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

Простой резервный вариант через форму

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

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

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

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

Кофейня с быстрым меню и витриной напитков

Для кофейни главная задача - быстро показать ассортимент, атмосферу и часы работы. Используйте Coffee-вариант как основу, вынесите категории напитков в верхнюю часть страницы, добавьте блок «сегодня в наличии» и оставьте бронирование вторичным, если посадка не требует предварительной записи. Проверяйте результат по простому признаку: с мобильного экрана гость за несколько секунд понимает, где находится кофейня, что можно заказать и открыта ли она сейчас.

Пекарня с утренним ассортиментом

Для пекарни важны фотографии, список позиций и актуальность. Bakery-структура подходит, если есть свежие снимки выпечки и понятные категории. Не превращайте страницу в огромный каталог: лучше выделить популярные позиции, сезонные предложения и ссылку на полное меню. Галерея должна показывать реальные изделия, а не просто атмосферные картинки.

Ресторан с бронированием и событиями

Для ресторана с посадкой и мероприятиями ключевыми становятся hero, Reservation, меню, зал, команда и блог. В блоге можно публиковать сезонные ужины, дегустации, специальные меню и новости. Здесь Restora полезен тем, что связывает визуальный первый экран с практическим действием - гость видит атмосферу и сразу может перейти к бронированию.

Небольшая сеть с несколькими адресами

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

Безопасные улучшения через CSS и настройки

Restora допускает аккуратные внешние доработки через настройки шаблона, custom CSS, поля SP Page Builder и файл custom.css в шаблоне. Официальная документация подтверждает раздел Custom CSS, JS and Meta code, а support-ответы JoomShaper отдельно напоминают: если CSS внутри addon не срабатывает из-за селектора, лучше поднять правило на уровень страницы, template custom CSS или custom.css.

Ниже пример безопасной правки для кнопки бронирования. Она не требует править ядро Joomla, файлы расширения или PHP шаблона. Сначала добавьте кнопке в SP Page Builder пользовательский класс restora-reservation-cta, затем вставьте CSS в раздел пользовательского кода шаблона или в глобальный CSS страницы.

.restora-reservation-cta {
  border-color: #b99a73;
  background: transparent;
  color: #ffffff;
  letter-spacing: 0;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.restora-reservation-cta:hover,
.restora-reservation-cta:focus {
  background: #b99a73;
  border-color: #b99a73;
  color: #111111;
}

Проверка простая: кнопка в шапке должна оставаться читаемой на тёмном фоне, менять состояние при наведении и не ломать высоту меню. Если результат не подходит, удалите класс у кнопки или уберите CSS-блок из пользовательского кода. Не используйте селекторы с внутренними случайными идентификаторами addon, если не понимаете, как SP Page Builder добавляет ID к CSS.

Для более серьёзных изменений используйте штатные механизмы Joomla: template styles, module positions, language overrides, настройки меню и переопределения шаблона только там, где вы точно понимаете область изменения. Не редактируйте файлы ядра Joomla и не меняйте исходный код расширений ради мелкой правки внешнего вида.

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

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

Цель

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

Подготовка

До редактирования подготовьте материалы: логотип на тёмном фоне, 3-5 hero-фотографий, короткий текст о заведении, список категорий меню, 10-12 блюд с описаниями, 8-12 фотографий галереи, телефон, адрес, часы работы и выбранный способ бронирования. Отключите агрессивный кеш на время настройки или очищайте его после каждого крупного изменения.

Шаги

1. Откройте стиль шаблона и замените логотип. Проверьте его в обычной и мобильной шапке.
2. В SP Page Builder откройте главную страницу и замените hero-заголовок, подпись и основную фотографию. Не меняйте структуру секции до проверки контраста.
3. Обновите блок About: оставьте 2-3 сильных предложения о кухне, атмосфере и формате заведения.
4. В блоке меню замените категории и блюда. Сначала добавьте ограниченный набор, чтобы проверить сетку, а затем расширяйте список.
5. Настройте кнопку Reservation в позиции menu-right и кнопки внутри страницы. Все они должны вести к одному актуальному месту бронирования.
6. Замените галерею на реальные фотографии одинакового качества и проверьте всплывающее открытие изображений.
7. Обновите футер: адрес, телефон, часы работы, социальные ссылки и короткое меню.
8. Откройте страницу как гость в разных ширинах окна и проверьте путь от первого экрана до бронирования.

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

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

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

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

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

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

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

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

SEO без искусственного текста

Restora даёт структуру, но SEO делают не шаблонные фразы, а ясные страницы. У главной должны быть понятный заголовок, описание заведения, адрес, меню, контакт и путь к бронированию. Блог используйте только если готовы публиковать полезные материалы: сезонное меню, события, новости кухни, локальные подборки. Не создавайте десятки пустых страниц ради количества.

Адаптивность и мобильное меню

Проверьте hero, шапку, меню, галерею и форму бронирования в мобильной ширине. Если вложенные пункты off-canvas меню не видны, проверьте структуру пунктов меню, родительские элементы и настройки мобильного меню. Если кнопка бронирования мешает логотипу, временно упростите шапку и верните кнопку в видимый блок страницы.

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

Диагностика типичных проблем Restora

Ошибки после установки Joomla-шаблона часто выглядят как «шаблон сломан», но причина может быть в пакете, позиции модуля, кеше, настройке SP Page Builder или ожидании демо-контента там, где установлен только template pack. Ниже собраны практические симптомы, которые полезно проверить до обращения в поддержку.

Сайт не похож на демо после установки

Симптом: шапка, главная страница, галерея или меню не совпадают с официальным примером. Возможная причина - установлен template pack вместо Quickstart, установка Quickstart была прервана, демо-данные не импортировались или вы открываете старый пункт меню.

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

Не отображается кнопка бронирования в шапке

Симптом: в демо кнопка Reservation есть, а на рабочем сайте она пропала. Возможная причина - модуль в позиции menu-right снят с публикации, назначен не тем пунктам меню или удалён при чистке демо-контента.

Откройте список модулей, отфильтруйте по позиции menu-right, проверьте статус публикации и привязку к пунктам меню. Если модуль создан через SP Page Builder, редактируйте его как модуль, а не как обычный пункт меню.

CSS внутри addon не применяется

Симптом: правило в поле custom CSS конкретного addon не меняет кнопку, карточку или секцию. В support-ответе по Shaper Restora объясняется, что SP Page Builder может автоматически добавлять ID addon к коду, из-за чего селектор получается неверным.

Проверьте, не дублируете ли вы ID в селекторе. Если нужно правило с конкретным ID или общим влиянием на страницу, перенесите CSS на уровень Page CSS, Template Custom CSS или custom.css шаблона. Откатывайте такую правку удалением одного CSS-блока.

Внутренние страницы теряют модули или боковую колонку

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

Проверьте опцию в Helix Options для blog details, затем назначение модуля. Если модуль нужен только в статьях, не публикуйте его глобально на всех страницах: это может перегрузить главную и страницу бронирования.

OpenTable или форма бронирования ведёт не туда

Симптом: кнопка открывает демо-адрес, пустую страницу или внешний сервис с неправильным заведением. Возможная причина - не заменён Addon ID, ссылка в button addon осталась демо-ссылкой, или разные кнопки ведут в разные места.

Проверьте все пути: кнопка в шапке, кнопка в hero, ссылка на странице Reservation и футер. Для OpenTable убедитесь, что используется правильный ресторанный идентификатор. Для простой формы проверьте отправку письма и текст подтверждения.

Мобильное меню не показывает вложенные пункты

Симптом: на десктопе меню раскрывается, а в off-canvas версии виден только верхний уровень. Возможная причина - структура пунктов меню, тип родительского элемента, настройки мобильного меню или конфликт с пользовательским CSS.

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

После обновления изменился внешний вид

Симптом: после обновления шаблона, Helix Ultimate или SP Page Builder часть блоков выглядит иначе. Возможная причина - обновились расширения, изменилась разметка addon, были перезаписаны файлы шаблона или пользовательские правки лежали не в безопасном месте.

Перед обновлением делайте резервную копию файлов и базы. После обновления проверяйте главную, меню, форму бронирования, галерею и блог. Если правки вносились напрямую в файлы шаблона, перенесите их в безопасные механизмы: custom CSS, module settings, language overrides или документированные переопределения.

Как посмотреть официальный ролик по Restora

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

Обратите внимание на последовательность экранов: первый визуальный контакт, меню, отдельные варианты главной, галерея и путь к бронированию. Это помогает не пытаться редактировать все демо-страницы сразу, а выбрать нужную структуру для своего заведения.

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

JoomShaper Restora будет удачным выбором, если вам нужен ресторанный сайт на Joomla с готовой визуальной логикой: сильный первый экран, меню, галерея, страницы доверия, кнопка бронирования и управление через Helix Ultimate со SP Page Builder. Шаблон особенно полезен, когда проекту нужно быстро выйти из состояния «описание и контакты» в полноценную презентацию заведения.

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

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