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

Версия шаблона: 1.2.0
SafariJoomla шаблон JoomlArt City Guide
 

Описание шаблона

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

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

С JoomlArt City Guide создание и управление контентом - легко. Шаблон включает в себя конструктор страниц с возможностью перетаскивания, что позволяет пользователям без труда создавать уникальные и привлекательные макеты. Шаблон также поддерживает различные типы контента, такие как статьи, галереи и видео, что дает владельцам веб-сайтов гибкость в представлении информации в различных форматах.

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

Помимо своей эстетической привлекательности и удобного интерфейса, JoomlArt City Guide также оптимизирован для поисковых систем, гарантируя, что ваш сайт имеет больший шанс попасть в результатах поиска. Это крайне важно для привлечения широкой аудитории и привлечения большего количества посетителей на ваш сайт.

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

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

Особенности шаблона:

  • Наличие PSD файлов для легкого изменения дизайна шаблона.
  • Актуальный и безопасный код, последних версий PHP и MySQL.
  • Поддержка сжатия скриптов JavaScript и CSS для ускорения работы сайта.
  • Соответствие стандартам W3C XHTML 1.0 Transitional и W3C CSS Valid.
  • Макет шаблона включает 40+ вариантов расположения модулей и 4 цветовых суффикса.
  • Шаблон имеет красивую цветовую схему.
  • В теме предусмотрено применение нетрадиционных веб-шрифтов Google, которые хорошо настроены под дизайн веб-сайта.
  • В шаблоне специально настроено применение RTL/LTR языка.
  • 4 разновидности меню: Split Меню, CSS Меню, Dropline Меню и Mega Меню.
  • Поддержка компонента управления содержимым K2, а так же других популярных расширений.
  • Демо пакет QuickStart с поддержкой версии CMS Joomla! 6.x.

Спецификации:

Дата выхода: 01-06-2018
Дата обновления: 04-11-2025
Тип шаблона: Премиум
Лицензия: GPL
Тематика: Блог Портфолио Туризм / Отдых
Совместимость: J3.x J4.x J5.x J6.x
QuickStart: Joomla! 6.x
Цветовые
схемы шаблона:
Разработчик: JoomlArt

Рейтинг:
4.4878892733564 1 1 1 1 1 (Оценок: 289)
4.4878892733564 289

Скачивание по подписке!

Вам необходимо авторизоваться на сайте и приобрести клубную подписку!

Поделись с друзьями!

 

Общие характеристики:

 

T3 Framework

Шаблон основан на надежном T3 фреймоврке, который включает в себя набор инструментов и функций, облегчающих конфигурирование и настройку веб-сайта.

Адаптивный дизайн

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

HTML5 & CSS3

Шаблон использует только современные веб-технологий, такие как HTML5, CSS3, JQuery и Bootstrap, отвечая всем стандартам W3C валидности.

Быстрый старт

Шаблон поставляется с пакетом Quickstart (SQL дамп и содержание), который поможет сэкономить время при установке и настройке темы на сайт.

Кросс-браузерность

Кросс-браузерный шаблон будет выглядеть безупречно во всех современных браузерах: IE10+, Firefox, Safari, Opera, Chrome, Netscape и Яндекс браузер.

SEO оптимизация

Кодовая база шаблона полностью оптимизирована для SEO, что обеспечит присутствие вашего сайта на Joomla в сети интернет и поисковых системах.

Руководство по настройке JoomlArt City Guide для туристического каталога на Joomla

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

Материал не дублирует краткое описание продукта. Ниже важнее практическая сторона: что проверить до установки, как не потеряться в T3 Framework, где включать layout, как назначать позиции модулей, почему для страниц каталога важны custom fields и когда подключать JA Megafilter или JomSocial. Отдельно пройдём диагностику типичных проблем: не выводится модуль, фильтр не показывает ожидаемые записи, карта на контактах пустая, мобильное меню ведёт себя иначе, чем на демо.

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

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

Какие задачи закрывает шаблон и где он раскрывается лучше всего

Основная идея JoomlArt City Guide - собрать на Joomla сайт, где пользователь не просто читает статьи, а ищет места по категориям, видит подборки, переходит на страницы отелей, ресторанов, локаций и при необходимости взаимодействует с сообществом. По официальным материалам шаблон ориентирован на travel and tour guide websites, поддерживает listing page с расширенным поиском и фильтром, отдельные страницы Location, Restaurant и Hotel, а также стили для стандартных страниц Joomla.

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

Сильные сценарии

Лучше всего шаблон подходит для проектов, где контент можно разложить на повторяемые карточки. Например, городской портал может иметь категории Hotels, Restaurants, Outdoor Activities, Nightlife и Shopping. Туристическое агентство может использовать похожую логику для направлений, экскурсий, гидов и подборок. Локальный медиапроект может вывести самые посещаемые места, полезные статьи, карту контактов и подборку категорий на главной странице.

Сильная сторона здесь не только в дизайне. В демо и документации видно, что главная страница собирается модулями, listing page может быть связан с JA Megafilter, а категории и материалы используют Joomla custom fields. Значит, сайт можно наполнять как нормальную Joomla-структуру, а не как один большой статичный макет.

Когда лучше выбрать другой путь

Шаблон может не подойти, если нужен полноценный бронировочный движок с календарями, оплатой, управлением заказами и кабинетами поставщиков. JoomlArt City Guide даёт визуальную и структурную основу для каталога, но не превращает Joomla в систему бронирования сама по себе. Для сложного маркетплейса услуг понадобится отдельный компонент или другой продукт, где бизнес-логика бронирования уже заложена.

Ещё один случай - сайт, где редакторы не готовы работать с Joomla-модулями, template styles и назначением меню. У JoomlArt City Guide много силы именно в стандартной Joomla-механике, но эта же механика требует дисциплины: каждая секция главной должна иметь понятную позицию, доступ, язык, порядок и привязку к нужным страницам.

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

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

Официальная карточка JoomlArt указывает актуальную поддержку Joomla 4 и Joomla 5, а отдельная download-страница показывает quickstart-пакеты для разных веток Joomla. В статье не стоит фиксироваться на конкретной сборке: перед установкой проверьте текущий пакет в личном кабинете JoomlArt и changelog. Для уже существующего сайта особенно важно не ставить quickstart поверх рабочей базы.

Техническая проверка

  • Сверьте версию Joomla и PHP с актуальной страницей продукта и download-разделом JoomlArt.
  • Сделайте полную резервную копию файлов и базы данных перед установкой или обновлением.
  • Проверьте, установлен и включён ли T3 Framework, если выбираете ручную установку шаблона.
  • Решите заранее, нужны ли JA Megafilter и JomSocial, потому что это дополнительные расширения со своей настройкой.
  • Убедитесь, что у администратора есть права на установку расширений, изменение template styles, модулей, меню и custom fields.

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

Контентная подготовка

Заранее набросайте дерево категорий: например, Hotels, Restaurants, Nightlife, Shopping, Outdoor Activities. Затем решите, какие поля нужны каждой карточке. В официальных материалах для JA City Guide упоминаются map, address, star, rate, contact и другие данные для страниц Hotel, Location, Restaurant и Listing. Не все поля обязательно нужны на вашем сайте, но набор должен быть одинаковым внутри одного типа карточек.

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

Quickstart или ручная установка: какой способ выбрать

Документация JoomlArt описывает два базовых пути. Quickstart воспроизводит демо-сайт на новом окружении: вы загружаете пакет, проходите стандартные шаги установки Joomla, выбираете sample data и удаляете или переименовываете папку installation. Ручная установка ставит T3 Framework, сам шаблон и нужные расширения на уже подготовленную Joomla.

Выбор зависит не от опыта администратора, а от состояния проекта. Если сайт новый и вам нужно понять, как устроена главная, позиции, меню, Listing, Hotels, Contact и JomSocial page, quickstart даёт лучший учебный стенд. Если сайт уже живёт, имеет материалы и пользователей, безопаснее ручная установка на копии с последующим переносом настроек.

Как выбрать способ установки JoomlArt City Guide
Ситуация Подход Что проверить после установки
Новый проект без данных Quickstart на чистом окружении Главная страница, демо-меню, sample data, удаление папки installation
Рабочий сайт с материалами Ручная установка на копии сайта T3 Framework, template style, назначение меню, позиции модулей
Редизайн старого каталога Сначала тестовый стенд, затем перенос структуры Соответствие категорий, custom fields, фильтра, URL и модульных позиций

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

После установки не начинайте сразу править шаблонные файлы. Сначала откройте публичную часть сайта, проверьте, что активен правильный template style, главная страница использует нужный пункт меню, а модули видны в ожидаемых позициях. Затем зайдите в админ-панель и проверьте T3-настройки: layout, responsive layout, navigation, menu assignment.

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

Схема установки JoomlArt City Guide через quickstart и ручную установку Joomla
Схема помогает выбрать путь: quickstart для нового стенда, ручная установка для сайта с уже существующим контентом.

Template styles, layouts и позиции модулей в T3

Главная особенность JoomlArt City Guide как Joomla-шаблона - он построен на T3 Framework. В документации шаблона и T3 повторяется одна важная мысль: один сайт может использовать несколько template styles, а каждый style может иметь свой layout и назначение на пункты меню. Это удобно для каталога, потому что главная, listing page, страница категории и обычная статья не обязаны использовать один и тот же макет.

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

Как мыслить настройку макета

Начните с главной страницы. В документации JA City Guide указано, что Home page использует Home layout, а контент главной загружается из модулей. Среди описанных демо-блоков есть topbar-left, topbar-right, section, альтернативные layouts для Articles Categories и Articles Category, JA ACM modules, видео-блок, галерея и статьи. Поэтому главная - это не один материал, а набор модулей, собранных в нужных позициях.

Для каждой секции задайте себе пять вопросов:

  1. Какой модуль выводит этот блок: Custom HTML, Articles - Categories, Articles Category, JA ACM или другой?
  2. В какую позицию он назначен: например, section, topbar-left, topbar-right или off-canvas?
  3. Есть ли у модуля альтернативный layout, например Grid, Reviews или Articles?
  4. На каких пунктах меню он должен отображаться?
  5. Какой template style назначен на соответствующий пункт меню?

Проверка позиций модулей

Официальная документация Joomla объясняет, что позиции модулей задаются шаблоном, а модуль отображается только там, где эта позиция реально существует в текущем шаблоне. Для отладки включите preview module positions в настройках шаблона и откройте страницу с параметром ?tp=1 или &tp=1. На рабочем сайте после проверки эту возможность лучше отключить.

Если модуль опубликован, но его не видно, сначала проверяйте позицию и menu assignment, а не CSS. Очень часто блок не исчез, а просто назначен на другой пункт меню, другую позицию или другой уровень доступа.

Megamenu и off-canvas

Для desktop-навигации T3 даёт Megamenu: можно настраивать подменю, колонки, модули внутри колонок и классы для стилизации. Для малых экранов важен off-canvas: в документации JA City Guide он включается в настройках шаблона, а затем создаётся menu module и назначается в позицию off-canvas. Если на мобильном меню пустое, это не обязательно ошибка шаблона. Часто просто нет опубликованного модуля в нужной позиции.

Категории, custom fields и карточки мест

Для JoomlArt City Guide custom fields - не декоративная мелочь, а способ превратить обычные материалы Joomla в карточки каталога. Официальная страница продукта говорит о специальных данных для Hotel, Location, Restaurant и Listing pages: карта, адрес, звёзды, рейтинг, контакты и похожие поля. Документация также указывает, что категории City Guide используют поля для icon и colours, а поля назначаются через Content - Fields и через вкладку fields у материалов или категорий.

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

Практичная модель данных

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

  • Категории: Hotels, Restaurants, Outdoor Activities, Nightlife, Shopping.
  • Поля категории: icon, colour, краткая подпись для карточки категории.
  • Поля материала: address, map, contact, rating, price level, district, opening hours, suitable for family или похожие признаки, если они действительно нужны.
  • Меню: главная страница поиска, all categories, listing page через JA Megafilter, отдельные страницы категорий.

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

Связь с JA Megafilter

JA Megafilter нужен, когда пользователь должен быстро отфильтровать набор записей. В документации расширения описана логика: в админ-панели создаётся новый Filter, выбирается компонент, после чего поля загружаются группами; для каждого поля можно включать или выключать фильтрацию, выбирать тип поля и сортировку. Затем создаётся пункт меню типа JA Mega Filter - Default Layout, где выбирается созданный фильтр и параметры отображения.

Для JoomlArt City Guide это особенно полезно на Listing page. В обычной категории пользователь видит список материалов. В связке с фильтром он может уточнять выдачу по районам, категориям, рейтингам или другим полям, если вы их корректно создали и наполнили. Фильтр не исправляет хаотичные данные - он только делает видимой их структуру.

Карта custom fields и JA Megafilter для страниц каталога JoomlArt City Guide
Визуальная карта показывает, как поля категорий и материалов переходят в карточки, фильтр и публичный listing.

Как собрать главную страницу без хаоса в модулях

Главная страница в демо JoomlArt City Guide выглядит как цельный лендинг, но внутри Joomla это набор модулей. Такой подход удобен, если соблюдать порядок. Плохо, когда каждый новый блок создаётся как отдельный эксперимент без понятного имени, позиции и назначения. Хорошо, когда модуль сразу получает понятное имя, позицию, язык, порядок и краткое назначение.

Базовая последовательность сборки

  1. Клонируйте default template style и назначьте для главной layout Home, если повторяете демо-логику.
  2. Создайте пункт меню для главной. В документации демо используется тип Search - JA Custom Search и соответствующий template style.
  3. Создайте верхние модули: приветствие и социальные ссылки в позициях topbar-left и topbar-right, если они нужны проекту.
  4. Добавьте блок популярных категорий через модуль категорий с альтернативным layout Grid.
  5. Настройте блоки подборок, например Most Visited Places, Articles & Tips, Gallery или JA ACM sections.
  6. Проверьте menu assignment каждого модуля, чтобы блоки главной не появлялись на страницах карточек без причины.

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

Имена модулей и порядок

Для поддержки удобно давать модулям имена в формате Home - Popular Categories, Home - Most Visited Places, Home - Gallery. Тогда через несколько месяцев другой администратор поймёт, что блок относится к главной, а не к странице listing. Для публичного заголовка можно использовать отдельную настройку показа title, но внутреннее имя модуля должно быть служебно понятным.

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

Listing page, страницы отелей и связь с меню

У JoomlArt City Guide есть несколько типов страниц, которые важно не смешивать. All Categories page показывает категории. Listing page показывает контент через JA Megafilter. Hotels page в документации создаётся как Articles - Category blog с назначением template style JA City guide - Default. Contact page строится через компонент Contacts и требует настроенного контакта, а для карты JoomlArt отдельно указывает проверку JA Google map plugin.

Эта разница влияет на диагностику. Если не работает Listing, вы проверяете фильтр, пункт меню JA Megafilter и поля. Если не работает Hotels page, вы проверяете категорию, материалы, blog layout и extra field group. Если не работает Contact, вы проверяете компонент контактов, пункт меню и карту. Один и тот же внешний шаблон не означает, что все страницы собраны одинаково.

Menu item как источник контекста

В Joomla пункт меню часто задаёт контекст страницы: компонент, layout, category, template style, параметры вывода и связанные модули. Поэтому для каталога лучше не полагаться только на прямые ссылки на материалы. Создайте осмысленное меню: Home, Listings, Hotels, Restaurants, Contact, Community, скрытое меню для служебных страниц, если оно нужно. Затем назначайте модули и template styles именно на эти пункты.

Если карточка открывается, но выглядит не как ожидалось, проверьте, через какой menu item она получила контекст. Иногда материал технически доступен, но Joomla применяет не тот пункт меню, из-за чего меняются модули, хлебные крошки, шаблонный стиль или layout.

JomSocial в роли отдельного сценария

Официальная документация JoomlArt описывает страницу JomSocial через пункт меню типа Community - Home и template style JA City guide -default. Это не обязательный слой для каждого путеводителя. Он нужен, если сайт действительно развивает сообщество: профили, активность, пользовательское взаимодействие. Если каталог ведёт только редакция, лучше не усложнять запуск JomSocial на первом этапе.

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

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

1. Зафиксируйте template styles

Создайте отдельные template styles для главной, страниц каталога и обычных материалов, если им нужны разные layouts. В T3 style выберите layout, проверьте theme settings, logo, logo link и mobile logo. Не правьте сразу файлы шаблона: сначала используйте панель настроек. Файловые правки оставляйте для случаев, где настройками нельзя решить задачу.

Проверка

Откройте каждый важный пункт меню и убедитесь, что активен ожидаемый style. Если главная случайно использует default layout, hero-секция и набор модулей могут не совпасть с демо-логикой.

2. Настройте меню и off-canvas

В desktop-навигации включите Megamenu только там, где он действительно нужен. Если меню короткое, обычная навигация проще. Для мобильного сценария проверьте off-canvas: включена ли опция в template settings, создан ли menu module, назначен ли он в позицию off-canvas, опубликован ли он и виден ли нужным группам пользователей.

Проверка

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

3. Соберите категории и поля

Создайте категории каталога, затем поля категорий и материалов. В Joomla поля доступны через Content - Fields, а назначение по категории помогает не показывать редакторам лишние поля. Для типового каталога лучше разделить поля на группы: контактные данные, оценка, география, визуальные признаки. Тогда форма редактирования материала будет понятнее.

Проверка

Создайте один тестовый материал в каждой основной категории. Заполните поля и откройте публичную страницу. Если поле не выводится, проверьте назначение поля, статус публикации, category assignment и template override, который отвечает за вывод карточки.

4. Настройте JA Megafilter только после тестовых данных

Фильтр имеет смысл настраивать, когда уже есть несколько записей с заполненными полями. Создайте Filter в Components - JA Megafilter, выберите нужный компонент, включите только полезные поля, настройте сортировку и создайте пункт меню JA Mega Filter - Default Layout. После изменения полей или данных пересохраняйте фильтр или используйте штатную индексацию, если она доступна в вашей версии расширения.

Проверка

Откройте страницу listing и попробуйте отфильтровать записи по двум-трём признакам. Если результат пустой, проверьте не внешний вид, а данные: заполнены ли поля, опубликованы ли материалы, совпадает ли category context, включены ли нужные filter fields.

5. Уберите спорные настройки на потом

Сжатие, сложные анимации, дополнительные стили Megamenu, правки LESS и кастомные overrides лучше включать после того, как базовая структура работает. Если сначала включить всё сразу, будет трудно понять, что именно сломало страницу: модуль, кеш, template style, фильтр или CSS.

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

Панель настройки template styles и результатов на сайте для JoomlArt City Guide
Связка template style, module position и public result важнее случайной правки CSS: она определяет, где и почему появляется каждый блок.

Практический пример: запускаем мини-путеводитель по району

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

Цель

Получить рабочий каталог мест, где пользователь может открыть главную, выбрать категорию, перейти на listing, уточнить выдачу и посмотреть страницу конкретного места. Администратор при этом должен добавлять новые места через материалы Joomla и поля, а не вручную редактировать HTML каждой карточки.

Подготовка

  • Установлен шаблон и включён T3 Framework.
  • Созданы категории Hotels, Restaurants, Outdoor Activities, Nightlife и Shopping.
  • Созданы поля для адреса, контакта, района, рейтинга и карты, если они нужны проекту.
  • Есть несколько тестовых материалов в каждой категории.
  • JA Megafilter установлен и нужен для страницы listing.

Шаги

  1. Создайте template style для главной и выберите layout Home.
  2. Создайте Home menu item и назначьте на него этот style.
  3. Добавьте модуль популярных категорий в позицию section и выберите grid-подобный вывод, если он доступен в вашей конфигурации.
  4. Создайте модуль подборки Most Visited Places или похожий блок материалов и назначьте его только на главную.
  5. Создайте filter в JA Megafilter, включите поля, которые реально заполнены в тестовых материалах.
  6. Создайте пункт меню Listings типа JA Mega Filter - Default Layout и привяжите к нему созданный filter.
  7. Создайте отдельные пункты меню для Hotels и Restaurants через Articles - Category blog, чтобы у них был понятный контекст.
  8. Создайте Contact menu item через Contacts - Single Contact и проверьте, что контактная запись существует.

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

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

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

Если карточка создана и опубликована, но не попадает в фильтр, проверьте не только категорию. Убедитесь, что нужные custom fields заполнены, field group назначена корректно, сам filter пересохранён после изменения структуры, а пункт меню открывает именно нужный filter. В каталоге не бывает “просто страницы” - каждая страница получает контекст от меню, полей и модулей.

Практичные идеи применения JoomlArt City Guide

Шаблон можно использовать шире, чем как страницу “город + места”. Но расширять сценарии нужно в рамках подтверждённой логики: категории, материалы, поля, фильтр, модули, JomSocial и стандартные страницы Joomla. Ниже идеи, которые не требуют выдуманных функций и опираются на тип шаблона.

Локальный гид по району или малому городу

Используйте категории для типов мест, custom fields для адреса, района и контактов, а listing page для поиска. Главная страница может показывать популярные категории, подборку новых мест и короткие советы. Результат проверяется просто: новый материал должен появиться в своей категории и в фильтре после пересохранения или индексации.

Портал отеля, курорта или туристической базы

Здесь категории могут описывать инфраструктуру: номера, рестораны, активности, маршруты, услуги. Шаблон даст визуальный ритм travel-портала, но бронирование и оплату лучше подключать отдельным компонентом, если они нужны. На первом этапе JoomlArt City Guide может работать как справочник и контентная витрина.

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

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

Сообщество вокруг мест

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

Практические сценарии применения JoomlArt City Guide для каталога мест и туристического сайта
Сценарная карта показывает, какие настройки шаблона используются для разных типов сайта: районный гид, курортный портал, ресторанный каталог и community-раздел.

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

JoomlArt City Guide построен на Bootstrap 3 grid system и T3 Framework, а официальный product page подчёркивает responsive design. Но “поддерживает адаптивность” не означает, что ваш наполненный сайт автоматически будет удобен. После замены демо-контента реальные заголовки, фото, длинные названия категорий, карты и фильтры могут изменить поведение блоков.

Адаптивность

Проверьте главную, listing page, страницу категории, страницу одного места и contact page на нескольких ширинах. Смотрите не только на hero-блок. Убедитесь, что карточки категорий не ломаются, фильтр не вытесняет результаты, off-canvas открывается, а кнопки поиска остаются доступными.

Скорость

Шаблон сам по себе не компенсирует тяжёлые изображения, лишние модули и конфликтующие расширения. Оптимизируйте фотографии категорий и карточек, отключайте модули, которые не нужны на конкретных страницах, и аккуратно используйте кеш Joomla. Если включаете оптимизацию CSS/JS в T3 или другом инструменте, проверяйте после этого фильтр, меню, карты и JomSocial-страницы, если они подключены.

SEO и структура URL

Для каталога важны осмысленные пункты меню и категории. Не создавайте все карточки в одной общей категории “Places”, если пользователь и поисковая система ожидают логичную структуру. Используйте понятные aliases, нормальные заголовки материалов, уникальные описания мест и внутренние ссылки между категориями, listing page и отдельными карточками.

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

Проверка адаптивности и результата страниц JoomlArt City Guide
Result proof визуализирует связку: настройки Joomla и T3 должны давать читаемый результат на desktop, tablet и mobile без подмены интерфейса WordPress.

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

Для JoomlArt City Guide лучше избегать правки ядра Joomla, T3 Framework и сторонних расширений. Документация самого шаблона рекомендует не кастомизировать T3 plugin и выполнять изменения в папке шаблона. На практике безопасные улучшения чаще делаются через настройки, template style, модули, language overrides, Joomla template overrides и собственный CSS, который можно откатить.

Небольшой CSS для служебной плашки на главной

Если нужно добавить на главную короткую подсказку для туристов, создайте Custom HTML module, назначьте его в подходящую позицию, например рядом с секциями главной, и задайте модулю собственный class suffix или обёртку cg-helper-strip. Затем добавьте CSS в ваш пользовательский stylesheet шаблона или другой штатный файл кастомных стилей, который вы уже используете на проекте.

.cg-helper-strip {
  border-left: 4px solid #1fc8b6;
  background: #f7fbfb;
  padding: 16px 20px;
  margin: 24px 0;
}

.cg-helper-strip strong {
  color: #293044;
}

Эта правка не зависит от скрытых классов JoomlArt City Guide: вы сами добавляете класс в свой модуль и стилизуете только его. Проверка простая: модуль должен измениться, остальные карточки и секции - нет. Откат тоже простой: снимите class suffix или удалите CSS.

Языковые переопределения вместо правки файлов

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

Overrides только с понятной целью

В структуре JA City Guide есть папка html с overrides для стандартных компонентов и модулей Joomla. Это нормальный механизм Joomla, но использовать его стоит осторожно. Перед правкой скопируйте файл, зафиксируйте, что именно меняете, и проверьте после обновления шаблона конфликтные файлы. Если цель - просто изменить порядок модулей, override не нужен: используйте ordering, позиции и настройки.

Мультиязычность, RTL и обновления без потери структуры

Официальная карточка JoomlArt City Guide указывает поддержку right to left layout, а Joomla сама хорошо работает с языками, пунктами меню, модулями и материалами на разных языках. Но мультиязычный каталог сложнее обычного сайта, потому что переводить нужно не только тексты, но и контекст: категории, поля, меню, модули, filter page, contact page и, при необходимости, community-раздел.

Как не запутаться в языках

Для каждого языка продумайте отдельный набор меню или хотя бы отдельные пункты меню, которые дают Joomla правильный контекст страницы. Если русская карточка места открывается через англоязычный menu item, можно получить неправильные хлебные крошки, другой набор модулей, чужой template style или скрытые блоки. Это особенно заметно на главной и listing page, где контент зависит от модулей и фильтра.

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

RTL как отдельный тест, а не галочка

Поддержка RTL полезна для языков с письмом справа налево, но её нужно проверять на реальном контенте. Длинные названия категорий, карточки с рейтингами, map-блоки, off-canvas меню и фильтр могут вести себя иначе, чем короткие демо-подписи. Если проект реально использует RTL-язык, создайте тестовые материалы, заполните поля, откройте listing page, одну карточку и contact page. Проверяйте не только направление текста, но и порядок иконок, выравнивание кнопок, отступы карточек и читаемость фильтра.

Обновления и конфликтные файлы

В документации JoomlArt для обновления подчёркнуты backup, JA Extension Manager, сравнение изменений и внимание к conflicted files. Для администратора это означает простую дисциплину: не хранить важные правки в местах, которые легко перезаписываются, и не обновлять шаблон вслепую на рабочем сайте. Сначала копия, затем проверка template style, модулей, фильтра, карточек и контактов.

После обновления пройдите короткий регрессионный маршрут: главная, listing page, Hotels или Restaurants page, одна карточка, Contact, mobile menu. Если custom fields, фильтр и модули работают, обновление можно считать технически успешным. Если что-то пропало, ищите не одну большую ошибку, а конкретный слой: изменился override, сбросился layout, отключился модуль, изменился assignment или требуется пересохранение фильтра.

Для JoomlArt City Guide поддержка после запуска - это регулярная проверка связей. Чем аккуратнее названы модули, поля, меню и styles, тем быстрее вы найдёте проблему после обновления.

Почему что-то не отображается и как быстро диагностировать

У Joomla-шаблонов большинство проблем выглядит одинаково: “блок пропал”, “страница не как на демо”, “фильтр пустой”, “карта не показывается”, “мобильное меню не открывается”. Но причины разные. Ниже не универсальная паника, а практический путь проверки именно для связки JoomlArt City Guide, T3, модулей, custom fields и JA Megafilter.

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

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

Сначала проверьте позицию модуля и включите preview module positions на тесте. Затем проверьте menu assignment: Joomla может показывать модуль только на выбранных пунктах меню или наоборот скрывать его на части страниц. После этого проверьте access level и язык. Если всё верно, смотрите template style: возможно, текущий пункт меню использует layout, где нужной позиции нет.

Listing page открывается, но фильтр не даёт результатов

Симптом: Страница фильтра есть, но список пустой или фильтрация не меняет выдачу.

Проверьте, создан ли filter в Components - JA Megafilter, правильно ли выбран источник данных, включены ли нужные поля, опубликованы ли материалы и заполнены ли custom fields. Если структура полей менялась после создания фильтра, пересохраните фильтр и проверьте индексацию. Не начинайте с CSS: пустой список почти всегда связан с данными, настройкой filter или пунктом меню.

Карточка места выглядит беднее, чем в демо

Симптом: Страница отеля или ресторана открывается, но не показывает адрес, рейтинг, карту или другие ожидаемые детали.

Проверьте, заполнены ли поля у материала и назначены ли они нужной категории. Затем проверьте, не открывается ли карточка через неправильный пункт меню. Для Hotel Category Page документация отдельно упоминает extra field group Review, поэтому не смешивайте поля разных типов страниц. Если поля есть, но не выводятся, возможна проблема в override или в том, что выбран другой layout.

Мобильное меню пустое или не похоже на desktop

Симптом: Desktop-навигация работает, а на малом экране off-canvas пустой.

В T3 off-canvas - отдельный сценарий. Проверьте, включена ли off-canvas option в template settings, создан ли menu module, опубликован ли он в позиции off-canvas, какой menu он выводит и не скрыт ли он по access level. Desktop Megamenu и мобильный off-canvas могут использовать один и тот же набор пунктов, но технически это разные настройки.

Карта на контактной странице не выводится

Симптом: Contact page открывается, но карта отсутствует или выглядит пустой.

В документации JoomlArt для Contact page отдельно указана проверка JA Google map plugin и location. Проверьте, создан ли контакт в компоненте Contacts, привязан ли он к пункту меню Contacts - Single Contact, настроен ли плагин карты и не блокируется ли карта настройками приватности, ключами или внешними ограничениями сервиса. Если карта не критична, временно отключите её вывод и проверьте остальные данные контакта.

После обновления пропали кастомные изменения

Симптом: После обновления шаблона часть ручных правок исчезла.

Официальная документация предупреждает, что конфликтные файлы могут быть перезаписаны при обновлении. Поэтому перед обновлением делайте backup, сравнивайте изменённые файлы и не правьте T3 plugin. Для небольших изменений используйте language overrides, отдельный пользовательский CSS и понятные template overrides, которые можно отследить.

Вопросы, которые стоит решить до публикации

Можно ли использовать JoomlArt City Guide без quickstart?

Да, но ручная установка требует больше внимания. Нужно установить и включить T3 Framework, поставить шаблон, назначить template style, собрать модули, меню, категории и поля. Quickstart проще для нового стенда, потому что показывает готовую демо-структуру.

Нужен ли JA Megafilter обязательно?

Нет, если сайт работает как обычный набор категорий и материалов. Но для полноценной Listing page с расширенной фильтрацией JA Megafilter становится важным элементом. Подключайте его после того, как есть тестовые материалы и заполненные custom fields.

Подойдёт ли шаблон для бронирования отелей?

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

Почему демо выглядит богаче, чем мой сайт после установки шаблона?

Потому что демо собрано из sample data, модулей, позиций, template styles, custom fields и дополнительных расширений. Один установленный template package не создаёт всю структуру автоматически на существующем сайте.

Можно ли менять файлы шаблона?

Можно, но осторожно. Не правьте ядро Joomla, сторонние расширения и T3 plugin. Для изменений используйте настройки, пользовательский CSS, language overrides и template overrides. Перед обновлением делайте backup и сравнивайте изменённые файлы.

Как понять, что настройка завершена?

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

Стоит ли включать JomSocial на старте?

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

Когда JoomlArt City Guide будет удачным выбором

JoomlArt City Guide стоит использовать, если вы хотите построить на Joomla не просто красивую главную страницу, а структурированный travel или city guide с категориями, карточками мест, фильтром, модулями главной, адаптивной навигацией и возможностью расширить проект до сообщества. Главное - не пытаться настроить всё визуально за один проход. Начните с контента и связей: категории, поля, меню, template styles, модули, фильтр, проверка результата.

Если нужен быстрый старт с демо-логикой, поднимите quickstart на тестовом окружении и используйте его как карту. Если сайт уже существует, работайте через ручную установку на копии и переносите только нужные настройки. После проверки структуры можно загрузить JoomlArt City Guide и протестировать его на своём наборе категорий, а не только на демо-контенте.

Лучший результат получается там, где шаблон не заставляют делать чужую работу. Он отвечает за визуальную структуру, T3-настройки, позиции, layouts и стили каталога. За данные отвечают материалы, категории и custom fields. За расширенную выдачу - JA Megafilter. За сообщество - JomSocial, если оно действительно нужно. Когда эти роли разделены, сайт проще обновлять, диагностировать и развивать.

Автор: Редакция JoomFox.org

Вы не зарегистрированы, чтобы оставлять комментарии.