JoomShaper Gourmand - Шаблон Joomla

Руководство по настройке JoomShaper Gourmand для сайта рецептов на Joomla

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

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

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

Что на самом деле решает этот шаблон

Главная задача Gourmand - быстро дать Joomla-сайту структуру кулинарного медиа. В официальной карточке и документации шаблон описан как решение для food blog, recipe website, recipe catalogue, ресторанных обзоров и страниц, связанных с рецептами. Это важно: шаблон не заменяет полноценную систему управления ресторанными заказами, бронированием столов или доставкой. Он помогает красиво и последовательно показать контент о еде, а коммерческие сценарии вроде рекламы, партнёрских книг или контактных страниц работают как часть контентного сайта.

У Gourmand есть две смысловые стартовые модели. Первая - Food Blog, где главный экран, подборки публикаций, блок автора и featured posts ведут читателя по материалам. Вторая - Recipe Catalogue, где акцент смещается к категориям рецептов, спискам, отдельным карточкам и удобному переходу от подборки к рецепту. Выбор между ними влияет не только на визуал: он определяет, какие разделы меню, категории материалов, модули и Page Builder-секции вы будете менять в первую очередь.

Лучший старт для большинства сайтов - Quickstart на отдельном тестовом домене или поддомене. В документации JoomShaper отдельно подчёркивается, что Quickstart является полным Joomla-сайтом с демо-данными, шаблоном, модулями, Helix Ultimate и настройками. Его нельзя установить поверх уже существующей Joomla через менеджер расширений. Обычный Template Pack подходит тем, кто хочет подключить только внешний слой к уже собранному сайту и готов вручную создавать страницы, модули и материалы.

Какие возможности здесь важнее всего

В Gourmand стоит смотреть не на общий список возможностей, а на связки, которые реально помогают запустить сайт:

• Две домашние страницы для разных типов кулинарного проекта: блог и каталог рецептов.
• Страницы рецептов с местами для ингредиентов, процесса приготовления, изображений, дополнительных сведений и связанных материалов.
• Категорийный вывод рецептов через материалы Joomla и представление Articles > Category Blog.
• Редактирование секций через SP Page Builder Pro, включая главную страницу, footer-модуль и визуальные блоки.
• Позиции модулей Helix Ultimate, которые позволяют управлять sidebar, footer, content top и content bottom.
• Готовые страницы вроде About, Contact, Registration и 404, которые лучше заменить на свои данные перед публикацией.
• Возможность добавить аккуратный CSS, мета-код или проверочные фрагменты через настройки Helix Ultimate, не редактируя файлы ядра.

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

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

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

Для частного кулинарного блога Gourmand удобен тем, что не заставляет сразу строить сложную базу данных рецептов. Можно начать с категорий материалов Joomla, настроить представление рецептов, добавить изображения, ингредиенты и шаги прямо в структуру страницы. Для студии, шеф-повара или малого food-бизнеса шаблон полезен готовыми страницами автора, контактов, featured posts и возможностью оформить рецепт как красивую историю, а не как сухую запись.

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

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

Как не спутать красивое демо с готовым проектом

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

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

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

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

Отдельная тестовая среда

Для Quickstart используйте пустой каталог и отдельную базу данных. Это может быть поддомен вида dev.example.com, локальная среда или временная папка на хостинге. Не ставьте Quickstart поверх рабочего сайта. Если у вас уже есть Joomla с материалами, меню и пользователями, ставьте обычный пакет шаблона или сначала поднимите копию сайта и проверьте миграцию на ней.

Перед любыми действиями сделайте резервную копию файлов и базы. Даже если вы ставите только Template Pack, ошибка в назначении template style, позициях модулей или кешировании может временно изменить внешний вид публичной части. Резервная копия нужна не для формальности, а для быстрого отката, если после включения шаблона страницы стали пустыми или меню уехало в неправильную позицию.

Пакет шаблона или Quickstart

Выбор пакета определяет весь дальнейший процесс:

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

Права, обновления и совместимость

Официальная карточка указывает совместимость Gourmand с актуальными ветками Joomla и связь с Helix Ultimate. Changelog показывает, что шаблон обновлялся вместе с Joomla, PHP, SP Page Builder и Helix Ultimate. Эти сведения важны для планирования, но в рабочем проекте проверяйте не только версию шаблона. Посмотрите системную информацию Joomla, версию PHP на хостинге, доступность расширений, лимиты памяти, права записи в папки и состояние кеша.

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

Установка и первичная проверка без лишнего риска

Установка Gourmand состоит из двух разных сценариев. В Quickstart вы ставите полный Joomla-сайт как новую установку. В Template Pack вы добавляете шаблон к существующей Joomla и потом вручную создаёте структуру. Не смешивайте эти сценарии: Quickstart не должен идти через обычный менеджер расширений на живом сайте.

Если выбран Quickstart

Работайте как с обычной установкой Joomla. Распакуйте архив в пустую директорию, создайте отдельную базу данных, откройте домен или поддомен в браузере и пройдите установщик. После установки проверьте публичную главную страницу, вход в админ-панель, структуру меню и наличие демо-материалов. Затем сразу сделайте контрольную резервную копию этого состояния: так у вас будет чистая точка возврата до замены контента.

Первичная проверка Quickstart:

1. Откройте главную страницу в режиме обычного посетителя и убедитесь, что виден header, hero, блоки публикаций, секция автора, featured posts и footer.
2. Перейдите в админ-панель и проверьте, что страницы SP Page Builder открываются из Components > SP Page Builder Pro > Pages.
3. Откройте Menus и найдите домашний пункт с жёлтой звездой, чтобы понимать, какая вариация главной используется по умолчанию.
4. Проверьте Content > Articles и категории рецептов, потому что страница Recipe в документации связана с представлением Articles > Category Blog.
5. Зайдите в Content > Site Modules и посмотрите опубликованные модули в sidebar и footer-позициях.
6. Очистите кеш Joomla и браузера, затем проверьте главную страницу ещё раз.

Если выбран Template Pack

Template Pack устанавливается как обычное расширение, но он не создаёт за вас демо-страницы, модули и рецепты. После установки откройте System > Site Templates или актуальный раздел управления шаблонами в вашей версии Joomla, найдите стиль Gourmand и назначьте его нужным пунктам меню. Если нужно проверить шаблон без влияния на весь сайт, назначьте его только скрытому тестовому пункту меню.

Дальше создайте минимальную структуру: главная страница, категория рецептов, пункт меню для категории, один тестовый рецепт, один sidebar-модуль и footer-модуль. Только после этого имеет смысл переносить дизайн на рабочие страницы. Иначе вы увидите пустую оболочку и можете ошибочно решить, что шаблон установлен неправильно.

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

Домашняя страница: как выбрать вариацию и заменить демо-секции

Главная страница Gourmand - самая заметная часть шаблона. В исходном референсе видно чистый белый фон, верхнюю навигацию с логотипом, крупный hero с фотографией еды, контрастный serif-заголовок, зелёный акцент, блок Latest Blog and Food Reviews, секцию автора и Featured Posts. Эта структура хорошо работает для food-блога, но её нужно подчинить вашему контенту.

Документация сообщает, что Quickstart содержит две домашние вариации, созданные в SP Page Builder Pro. Вы можете выбрать, какая станет главной, через пункт меню с жёлтой звездой, а редактировать саму страницу через backend или frontend editor. Практически это означает: сначала выбирается сценарий главной, затем меняются секции, затем проверяется меню и только потом включается кеш.

Выбор между блогом и каталогом

Если сайт строится вокруг автора, обзоров, историй, советов и регулярных публикаций, лучше начать с Food Blog. В нём важны главный слайдер, блок последних обзоров, карточки featured posts и авторская секция. Если основной актив - рецепты с категориями, временем приготовления, сложностью и фотографиями, выбирайте Recipe Catalogue или переносите его логику на свою главную.

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

Что менять первым в SP Page Builder

Откройте нужную страницу в Components > SP Page Builder Pro > Pages или через frontend editor. Сначала меняйте крупные смысловые блоки, а не мелкие отступы:

1. Замените hero-заголовок на конкретное обещание сайта: тип рецептов, кухня, формат обзоров или авторская тема.
2. Проверьте hero-изображение: оно должно быть достаточно крупным, легальным для использования и оптимизированным по весу.
3. Настройте список Latest Blog and Food Reviews так, чтобы он выводил реальные материалы из нужных категорий.
4. Замените авторскую секцию или отключите её, если сайт не строится вокруг публичного шефа или автора.
5. Проверьте кнопки и ссылки: демо-кнопки должны вести на реальные страницы, а не на заглушки.
6. Сохраните страницу и проверьте публичную часть в режиме гостя.

Как безопасно редактировать секции

В SP Page Builder полезно работать через Layers: там видны секции, колонки и элементы страницы. Если нужно переместить блок Latest Reviews выше или ниже, делайте это на уровне секции, а не копированием HTML. Перед крупным изменением используйте дублирование страницы или экспорт, если ваша версия Page Builder это позволяет. Тогда можно вернуть исходный вариант, не восстанавливая весь сайт из резервной копии.

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

Рецепты, категории и страница All Recipes

Gourmand полезен тем, что не заставляет сразу осваивать отдельный рецептный компонент. В документации JoomShaper указано, что страница под пунктом Recipe использует представление Articles > Category Blog и подтягивает материалы из категории Recipes. Это типичная Joomla-логика: материалы группируются по категориям, а пункт меню выводит выбранную категорию в блоговом представлении.

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

Структура рецепта без лишнего усложнения

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

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

Настройка пункта меню для рецептов

Создайте или проверьте пункт меню для каталога рецептов. В Joomla это обычно путь Menus > Main Menu > New, затем выбор типа Articles > Category Blog и категории с рецептами. Убедитесь, что пункт меню опубликован, алиас понятен, а параметры вывода не конфликтуют с визуальной логикой шаблона. Если страница выводит слишком много текста, настройте вводный текст материалов и параметры blog layout.

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

Sidebar и вспомогательные модули на рецептах

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

Документация Gourmand отдельно отмечает, что для отображения модулей в правом или левом sidebar на детальной странице материала может понадобиться настройка Helix Options > Blog > Details > Disable Modules в состоянии OFF. Это типичный пример настройки, которую легко пропустить: список рецептов выглядит нормально, но детальная страница кажется пустой по бокам. Проверяйте именно детальную страницу, а не только каталог.

Позиции модулей, footer и меню в Joomla-логике

Шаблон Joomla живёт не только внутри Page Builder. Важная часть результата собирается из модулей, позиций и пунктов меню. Gourmand использует Helix Ultimate, а документация по позициям объясняет, что Layout Builder позволяет перемещать позиции, менять размеры колонок, добавлять строки и скрывать часть элементов на планшете или телефоне. Это мощно, но требует дисциплины.

Модульная логика особенно важна для footer, sidebar, mobile menu и вспомогательных блоков. В документации Gourmand указано, что footer построен через один SP Page Builder module в позиции footer1. Значит, footer нужно искать не только в шаблонных файлах и не только в глобальных настройках, а в списке модулей и в содержимом Page Builder-модуля.

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

В Joomla есть возможность предварительно посмотреть позиции модулей, если включён режим предпросмотра позиций шаблона. Для рабочей проверки используйте его только временно, затем отключайте на опубликованном сайте. Более безопасный повседневный способ - открыть Content > Site Modules, отфильтровать модули по позиции и проверить меню назначения.

Для каждого важного модуля держите в голове три вопроса:

• В какой позиции он опубликован: footer1, sidebar, offcanvas, content top, content bottom или другой позиции шаблона.
• На каких пунктах меню он должен отображаться: на всех страницах, только в рецептах, только на главной или только в скрытом тестовом разделе.
• Кто его видит: все гости, зарегистрированные пользователи или только определённая группа доступа.

Footer как отдельный редактируемый блок

Footer в Gourmand лучше редактировать как самостоятельный участок сайта. Откройте модуль в позиции footer1, проверьте его тип и содержимое. Если это SP Page Builder module, редактируйте ссылки, текст, контакты, социальные элементы и визуальные блоки через Page Builder, затем проверяйте результат на нескольких страницах. Footer общий для сайта, поэтому ошибка в нём повторится везде.

Типовые изменения footer:

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

Меню и мобильная навигация

На source_img видно лаконичную верхнюю навигацию: Home, About, Book, Blog, Recipe, Pages, Contact. Для реального сайта не обязательно копировать этот набор. Главное - сохранить понятный путь: главная, рецепты, блог или обзоры, автор или команда, контакт. Если пунктов много, часть можно вынести в dropdown, но не прячьте рецепты слишком глубоко.

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

Практичные идеи применения Gourmand

Сильный шаблон раскрывается не количеством секций, а ясным сценарием. Ниже несколько рабочих моделей, которые опираются на подтверждённые особенности Gourmand: две главные вариации, рецепты через категории материалов, Page Builder-секции, sidebar-модули, footer и готовые страницы. Не нужно внедрять всё сразу. Выберите один главный сценарий и настройте под него меню, главную страницу и первые материалы.

Авторский food-блог

Для авторского блога используйте главную вариацию с сильным hero, блоком последних публикаций, секцией автора и featured posts. Меню должно вести в блог, рецепты, страницу автора и контакт. В SP Page Builder замените демо-тексты на голос проекта: чем вы отличаетесь, какие рецепты публикуете, как часто выходят обзоры, где читатель может начать.

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

Каталог рецептов с рубриками

Для каталога важнее категория рецептов, фильтруемая логика и карточки. Создайте рубрики по типу блюда, кухне, сложности или времени. Настройте пункт Recipe как category blog и проверьте, что карточки выводят вводные изображения и понятные заголовки. Sidebar можно использовать для категорий, популярных тегов и поиска.

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

Сайт шефа, студии или малого food-бизнеса

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

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

Контентный проект с партнёрскими материалами

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

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

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

После базовой настройки неизбежно захочется поправить мелочи: цвет кнопки, отступы карточек, вид ссылок, поведение изображений, дополнительные мета-коды. У Gourmand для этого есть нормальный путь через Helix Ultimate и SP Page Builder. Документация Gourmand указывает, что custom CSS, JavaScript, meta tags, stats и verification code можно добавлять через поля шаблонных настроек, но custom PHP внутри template options использовать не следует.

Для большинства проектов достаточно трёх направлений: включить разумную оптимизацию Page Builder, привести изображения к нормальному весу и добавлять точечный CSS только поверх существующих классов. Не начинайте с редактирования файлов шаблона, если задача решается настройкой или небольшим custom CSS. Так проще обновляться и откатывать правки.

Настройки SP Page Builder, которые стоит проверить

В Components > SP Page Builder Pro > Settings проверьте глобальные параметры. Документация описывает Lazy Load, Production Mode, Color Library, Typography и другие разделы. Для кулинарного сайта особенно важны изображения: если фотографии тяжёлые, красивая главная будет медленной. Lazy Load может помочь с отложенной загрузкой, а Production Mode выносит сгенерированный CSS в отдельный файл.

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

Маленький CSS для карточек рецептов

Ниже пример безопасной правки: она не зависит от скрытого API и не меняет PHP. Используйте её только после проверки классов в инспекторе браузера. Если у вашей сборки другие классы, адаптируйте селекторы. Место применения - поле custom CSS в Helix Ultimate или отдельный проверенный модуль/плагин для пользовательского CSS.

/* Gourmand: мягко выравниваем карточки рецептов в списке */
.gourmand-recipe-card,
.blog .article-list .article {
  border-radius: 6px;
  overflow: hidden;
}

.gourmand-recipe-card img,
.blog .article-list .article img {
  width: 100%;
  height: auto;
  display: block;
}

.gourmand-recipe-card .article-title,
.blog .article-list .article .article-header {
  line-height: 1.35;
}

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

Локализация и языковые нюансы

Gourmand заявлен как translation-ready, но перевод сайта не сводится к замене текста в hero. Проверьте пункты меню, материалы, модули, Page Builder-секции, системные сообщения формы, footer, 404-страницу и email-адреса. Для системных строк Joomla используйте штатные языковые переопределения, а не правку файлов расширений. Так перевод сохранится после обновлений.

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

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

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

Цель

Получить рабочий маршрут: Home -> Recipe -> детальная страница рецепта. Главная должна использовать реальный текст и изображения, страница рецептов должна выводить материалы из нужной категории, а детальная страница должна не терять sidebar, если он запланирован.

Подготовка

Предположим, Quickstart уже установлен на тестовом домене. Создайте резервную копию, войдите как Super User, проверьте доступ к Components > SP Page Builder Pro > Pages, Content > Articles, Content > Categories, Content > Site Modules и Menus > Main Menu. Подготовьте одну фотографию блюда, текст рецепта, список ингредиентов и короткое описание сайта.

Шаги

1. Откройте домашнюю страницу в SP Page Builder и замените hero-заголовок на конкретную тему сайта, например про домашние ужины, сезонные блюда или авторские рецепты.
2. Замените hero-изображение на своё, оптимизированное по весу и размеру, затем сохраните страницу.
3. Создайте категорию Recipes или используйте существующую демо-категорию после очистки лишних материалов.
4. Создайте первый материал-рецепт: заголовок, вводный текст, изображение, ингредиенты, шаги приготовления и короткую подсказку по подаче.
5. Откройте пункт меню Recipe и убедитесь, что он указывает на Articles > Category Blog с нужной категорией.
6. Создайте или отредактируйте sidebar-модуль: категории рецептов, популярные теги или последние материалы. Назначьте его только на страницы рецептов.
7. Если sidebar не виден на детальной странице рецепта, проверьте параметр Helix Options > Blog > Details > Disable Modules и состояние модуля.
8. Очистите кеш Joomla, откройте сайт в приватном окне и пройдите маршрут как обычный посетитель.

Проверка

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

Нюанс

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

Проверка результата перед публикацией

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

Публичная часть

• Главная страница показывает реальный текст, изображения и ссылки, а не демо-заглушки.
• Пункт Recipe ведёт к нужной категории и показывает опубликованные рецепты.
• Детальная страница рецепта содержит полную структуру: фото, ингредиенты, шаги, примечания и связанные материалы, если они нужны.
• Footer содержит реальные контакты, ссылки и юридические страницы.
• Страница Contact отправляет форму или показывает корректный способ связи.
• Страница 404 не выглядит как забытая демо-страница.

Админ-панель и поддержка

• У демо-пользователей нет лишнего доступа, а суперпользователь защищён нормальным именем и паролем.
• Лишние демо-материалы сняты с публикации или удалены после резервной копии.
• Модули назначены только на нужные пункты меню.
• Кеш очищен после изменения Page Builder-страниц, модулей и template style.
• Обновления Joomla, шаблона, Helix Ultimate и SP Page Builder планируются сначала на тестовой копии.

Скорость и SEO без обещаний чудес

Шаблон сам по себе не гарантирует рост поискового трафика. Он даёт структуру, визуальную подачу и техническую основу, но результат зависит от качества рецептов, изображений, заголовков, внутренней перелинковки, скорости и корректной индексации. Для SEO проверьте человекопонятные алиасы, уникальные title и meta description для важных страниц, alt у изображений рецептов, каноничность меню и отсутствие дублей демо-контента.

Для скорости начните с изображений. Кулинарный сайт легко перегрузить фотографиями. Используйте разумные размеры, сжатие, отложенную загрузку и проверяйте страницу после каждой оптимизации. Если включаете внешние плагины минификации, делайте это по одному и проверяйте slider, меню, Page Builder-секции и формы.

Типичные проблемы Gourmand и как их диагностировать

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

После установки виден пустой шаблон без демо-страниц

Симптом: шаблон включился, но нет главной как в демо, нет секций рецептов, footer отличается, материалы пустые. Возможная причина - установлен Template Pack, а не Quickstart. Обычный пакет шаблона не содержит демо-контент, модули, компоненты и готовые SP Page Builder-страницы.

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

Редактируется не та главная страница

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

Проверьте Menus > Main Menu и жёлтую звезду домашнего пункта. Затем откройте связанную страницу Page Builder и измените именно её. После сохранения очистите кеш и проверьте сайт в приватном окне. Если изменений нет, временно добавьте тестовую фразу в hero, чтобы убедиться, что редактируется правильный объект.

Рецепты не появляются в каталоге

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

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

Sidebar не виден на детальной странице рецепта

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

Проверьте Helix Options > Blog > Details > Disable Modules и назначение модуля по меню. Включайте модуль сначала на тестовой странице. Если sidebar возвращается, сузьте назначение до нужного раздела. Если после включения блоки ломают мобильную верстку, лучше временно оставить их только на desktop или упростить содержимое.

Footer не меняется после редактирования

Симптом: вы меняете текст в одном месте, но публичный footer остаётся прежним. Возможная причина - footer собран не там, где вы его редактируете. В Gourmand документация указывает на SP Page Builder module в позиции footer1.

Найдите опубликованный модуль в Content > Site Modules, проверьте позицию footer1, откройте содержимое и редактируйте его через Page Builder, если модуль построен таким способом. После сохранения проверьте несколько страниц. Если footer меняется только на одной странице, проверьте menu assignment модуля.

После оптимизации сломались стили или слайдер

Симптом: после включения кеша, production mode или внешней минификации уехала верстка, перестал работать slider или исчезла часть анимации. Возможная причина - конфликт оптимизатора с CSS/JS, сгенерированным Page Builder или шаблоном.

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

Демо-фотографии отсутствуют или отличаются

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

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

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

JoomShaper Gourmand стоит использовать, если вы хотите запустить на Joomla кулинарный блог, каталог рецептов, сайт шефа или food-медиа с сильной визуальной подачей и готовой логикой страниц. Его главная ценность - сочетание демо-структуры, Helix Ultimate, SP Page Builder Pro, модульных позиций и визуального стиля, который хорошо подходит фотографиям еды и редакционным подборкам.

Перед рабочим запуском проверьте пакет установки, домашнюю вариацию, категории рецептов, Page Builder-страницы, footer-модуль, sidebar и mobile menu. После этого можно загрузить архив с JoomShaper Gourmand, развернуть его в безопасной среде и пройти практический сценарий из этого руководства. Такой подход лучше, чем сразу включать шаблон на живом сайте и искать проблему уже после публикации.

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