Шаблоны

Featured

Обзор JM Hotel. Шаблон сайта для отеля

Алексей Хорошевский 25.12.2016

Тип – шаблон Joomla для отеля.

JM Hotel – это адаптивный дизайн Joomla для создания сайтов каталогов, отелей, курортов, гостиниц и так далее. Одной из его отличительных особенностей является то, что он прекрасно сочетается с многофункциональным компонентом каталога DJ-Catalog2. Это позволит создать не только красивый, но и функциональный сайт. Так как при помощи DJ-Catalog2 можно будет организовать полноценный каталог номеров отеля с разделением их по категориям, фильтрацией, поиском и так далее. Помимо этого, у посетителей сайта будет возможность оформления брони, возможно задать вопрос администратору гостиницы на счёт доступности того или иного номера. Бронирование номера на сайте идёт без привязки к часам и дням. То есть, на сайте не будет видно занят тот или иной номер на определённые дни\часы или нет. С одной стороны, это не очень хорошо, так как нет возможности автоматически бронировать номер с оплатой прямо на сайте. Но с другой стороны – среди моих клиентов (на создание сайтов) много именно таких, которые и не хотят получать подобные возможности.

Помимо сайта гостиниц шаблон прекрасно подойдёт для создания любых других сайтов и даже не обязательно каталогов. Наличие четырёх сбалансированных цветовых схем и возможности настройки цветов даже без правки CSS делает шаблон легко адаптирующимся под нужды каждого конкретного проекта. При создании шаблона учитывались такие «веб-стандарты», как: HTML5, Bootstrap 2.3.2, LESS, CSS3, jQuery, Source maps, семантическая вёрстка, сеточная система 1170 (от англ. 1170 Grid System). Шаблон хорошо отображается в большинстве современных браузеров, таких как: Edge, Firefox, Chrome, Safari, Opera, Internet Explorer 11, Яндекс.Браузер. Плюс, поддерживаются мобильные браузеры: iOS Safari, Android Browser, Chrome для Android и другие.

Обзор проводится в последней, на момент написания статьи (21.12.2016), русскоязычной версии JM Hotel 1.0.0 в Joomla 3.6.5. Кроме самого шаблона Вы получите лицензию на такие расширения (версии указаны на момент написания статьи):

DJ-Catalog2 3.5.5. Компонент каталога Joomla.
DJ-MediaTools 2.8.0. Компонент галереи изображений и видео для Joomla с поддержкой VirtueMart. Это позволит создавать слайдер VirtueMart, галереи с товарами и другое.
DJ-MegaMenu 3.4.5. Компонент (модуль, плагин) меню, мега-меню и мобильного меню со множеством настроек и поддержкой вставки модулей в меню.
DJ-Reviews 1.2.1. Компонент рейтингов и отзывов Joomla 3 с поддержкой микроразметки и своими критериями оценки.

Также вы получите файл с графическими элементами шаблона в формате PSD, QuickStart (быстрый старт), хорошую техническую поддержку и документацию. Документация и техническая поддержка на английском языке. Если Вас интересует документация на русском языке, обратитесь к этому разделу. В нём можно найти много информации как о шаблонах от Joomla-Monster.com, так и о шаблонах Joomla в целом.

Если Вам интересны шаблоны для отелей, гостинец и хостелов, то рекомендую рассмотреть шаблон RSMelia.

Особенности JM Hotel

Вместе с присущими всем шаблонам от Joomla-Monster.com на фреймворке EF4 особенностями в типографике, оформлении модулей и работе с макетом\позициями шаблона у JM Hotel есть свои изюминки.

Наличие стилей для DJ-Catalog2, DJ-MediaTools, DJ-MegaMenu, DJ-Reviews. Что позволяет гармонично вписать эти расширения в общую дизайнерскую концепцию сайта.
Возможность изменять цветовое оформление некоторых элементов компонентов DJ-Catalog2, DJ-MediaTools, DJ-MegaMenu без правки CSS.
Возможность изменять цветовое оформление модулей в некоторых позициях шаблона без правки CSS.
Возможность изменять цветовое оформление для некоторых суффиксов модулей.

На рисунках ниже приведены примеры некоторых страниц сайта с этим шаблоном.

Ответы на вопросы

Рассмотрим ответы на часто задаваемые вопросы касательно всех шаблонов Joomla-Monster.com независимо от версии фреймворка, на которой они сделаны.

Если я куплю шаблон, то как долго смогу его использовать? Вы можете использовать купленный шаблон столько, сколько Вам нужно. Срок использования не ограничен даже после окончания срока технической поддержки и возможности загрузки обновлений.
Что значит «лицензия на шаблон»? От лицензии, которую Вы выберете, зависит: срок предоставления доступа к разделу загрузок шаблона (включая обновления); срок предоставления технической поддержки; количество доменов, на которых Вы имеете право использовать шаблон; наличие скидки на продление лицензии.
Когда и где я могу скачать купленный мной шаблон? После того, как будет зачислена оплата, Вы получите письмо с инструкцией о том, где можно скачать шаблон. Или можно просто зайти на сайт joomla-monster.com как зарегистрированный пользователь, от имени которого Вы покупали шаблон, и перейдите в «My Account – Downloads – Purchased templates» (рисунок ниже).
Что нужно сделать для получения технической поддержки и обновлений после того, как истечёт срок действия лицензии? Продлить лицензию. Для этого зайдите на сайт как зарегистрированный пользователь, от имени которого Вы покупали лицензию, перейдите в «My Account – My Licenses» и продлите лицензию.
Через сколько после оплаты я получу шаблон? Как правило, это происходит в течение 10-15 минут после оплаты. Но может занимать до 24 часов. Подробнее о покупке можно прочесть в этой статье: «Обзор JM Financial Services. Шаблон Джумлы 3 на русском».
Как мне получить платные расширения типа DJ-Catalog2, DJ-MediaTools, DJ-MegaMenu, DJ-Reviews, которые идут вместе с шаблоном? Вы получите письмо с данными для доступа к сайту dj-extensions.com. На этом сайте можно будет скачать купленные Вами расширения.
Нужно ли отдельно платить за платные расширения типа DJ-Catalog2, DJ-MediaTools, DJ-MegaMenu, DJ-Reviews, которые идут вместе с шаблоном? Нет. Но если Вам нужно будет продлить срок технической поддержки и обновления, тогда да.
Могу ли я менять логотип, картинки, материалы и так далее в купленном шаблоне? Да. О том, что такое «шаблон» и об отличиях «быстрого старта» от Вашего конечного сайта можно прочесть в этой статье.
Можно ли устанавливать какие-то другие расширения в шаблон? Да.
Можно ли бесплатно убрать ссылку на разработчика шаблона в подвале сайта? Да.
Могу ли я менять CSS-стили шаблона так, как мне нужно? Да. Немного детальнее об этом можно прочесть в этой статье.
Можно ли получить платный шаблон бесплатно для тестирования? Нет.
При покупке шаблона я получу копию его демонстрационного сайта? Да. Но без изображений. Они заменены на серые области.
Где я могу получить выписку счёта? Зайдите на сайт как зарегистрированный пользователь, от имени которого Вы покупали лицензию, перейдите в «My Account – Invoices».
Какие у Вас есть способы оплаты? Visa, Visa Electron, MasterCard, Maestro, PayPal.
Я могу использовать этот же шаблон на поддомене? Да, если сайт на поддомене принадлежит тому же владельцу и связан с основным сайтом по тематике.

Русификатор

Скачать русификатор JM Doctor.

Работа с Joomla

Как обновить шаблон

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

Зачем нужно обновлять шаблон? В новых версиях могут быть исправлены ошибки, добавлены новые возможности. Помимо этого, повышается совместимость с новыми версиями Joomla и расширений и увеличивается степень защищённости от взлома. Также стоит отметить, что, как правило, техническая поддержка разработчика предоставляется только для последних версий шаблона, фреймворка и так далее.

В новых версиях фреймворка EF 4.7 добавлены уведомления о наличии обновлений шаблона. Вы увидите соответствующее сообщение в административной части сайта тогда, когда будет доступна новая версия. Перейдём к самой процедуре обновления.

Шаг 1. Создайте полную резервную копию всего сайта и убедитесь в её работоспособности. Это можно сделать как средствами панели управления хостингом, так и при помощи сторонних расширений, например, Akeeba Backup. Лично я тестирую все обновления сначала на копии сайта (на том же хостинге, но на поддомене), а потом применяю к основному. И Вам рекомендую это делать, чтобы получить уверенность в том, что обновление не сломает сайт.

Шаг 2. Вспомните, вносили ли Вы какие-то изменения в файлы шаблона. Если Вы не меняли никаких других файлов, то переходите к шагу №3. При обновлении не будут изменяться:

Файл «custom.less».
Настройки шаблона.
Дополнительные файлы, которые Вы могли добавить в папку с шаблоном.

Если меняли, то:

Перейдите на страницу с описанием списка изменений шаблона.
Найдите Ваш шаблон и просмотрите, какие файлы шаблона были изменены (рисунок ниже). Если Вы видите в перечне изменённых файлов те, в которые Вы вносили свои модификации, необходимо позаботиться о повторном внесении Ваших изменений.

Для того, чтобы сравнить файлы и понять, что именно в них было изменено, можно использовать одно из бесплатных средств: DiffMerge, WinMerge, Mergely.com.

После того, как Вы примените все нужные изменения к обновлённым файлам шаблона, можно загружать их в соответствующие папки на Вашем сервере. Это можно сделать при помощи панели управления хостингом или каким-то FTP-клиентом, например, Filezilla. После этого переходите к шагу №4.

Шаг 3. Перейдите в Расширения – Менеджер расширений – Установить (рисунок ниже). Нажмите кнопку Обзор…, укажите файл шаблона и нажмите Загрузить и установить.

Шаг 4. Желательно обновить другие расширения Joomla, а затем и саму Joomla до последней стабильной версии.

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

Как установить быстрый старт поверх Joomla

Многие хостинг-провайдеры предоставляют возможность автоматической установки Joomla на хостинг при его покупке. Если у Вас произошло именно так, то Вы не сможете установить быстрый старт (QuickStart) с шаблоном Joomla-Monster.com. Что такое «быстрый старт» и что он Вам даёт описано в этой статье. Давайте рассмотрим, что Вам нужно сделать, чтобы установить быстрый старт на хостинг. Подробно описывать нет смысла, так как это может сильно отличаться в зависимости от Вашей ситуации и хостинг-провайдера. Предполагается, что автоматически установленная Joomla и всё её содержимое Вам не нужно.

Выясните логин, пароль и хост (путь к серверу) для доступа к Вашему хостинг-аккаунту по FTP. Это можно узнать у Вашего хостинг-провайдера. В его технической поддержке или в панели управления хостингом.
Выясните логин, пароль и адрес PhpMyAdmin (или аналогичного средства управления базами данных). Это можно узнать у Вашего хостинг-провайдера. В его технической поддержке или в панели управления хостингом.
Удалите все файлы автоматически установленной Joomla с Вашего хостинг-аккаунта. Предварительно обязательно уточните, в какой именно папке они находятся. Это можно сделать из панели управления хостингом или (более длительный вариант) по FTP.
Удалите всё содержимое базы данных (но не саму базу) автоматически установленной Joomla с Вашего хостинг-аккаунта. Предварительно обязательно уточните, какая именно база данных должна быть очищена. Это можно сделать при помощи PhpMyAdmin (или аналогичного средства управления базами данных).
Закачайте архив быстрого старта шаблона Joomla-Monster.com в корневую папку сайта на хостинге.
Распакуйте его.
Перейдите по доменному имени Вашего сайта.
Далее установка пойдёт, как обычно для Joomla. Пример в этой статье. Шаги с №5 по №8 (включительно). Во время установки укажите данные для подключения базы данных, которые Вы узнали ранее.

Как создать модуль «HTML-код»

Для каждого шаблона Joomla-Monster.com разработчики предусмотрели различные «фишки», которые помогут сделать Ваш сайт более красивым и функциональным. На каждом демонстрационном сайте шаблона в меню Features – Typography есть примеры таких «фишек». Под «фишками» подразумеваются различные анимированные и красиво оформленные объекты, которые можно реализовать путём вставки специального кода. На рисунке ниже показан пример отзывов, реализованных при помощи вставки специального кода.

Этот код можно вставлять как в материалы Joomla, так и в модули. Как правило, если Вы хотите вставить этот код в модуль, Вам нужно добавить его в модуль типа «HTML-код». Как это сделать.

В админке Joomla перейдите в Расширения – Менеджер модулей и нажмите кнопку Создать (в левом верхнем углу).
В появившемся перечне выберите тип модуля «HTML-код».
Задайте нужную ему позицию и другие настройки отображения. А в поле HTML-код вставьте нужный Вам фрагмент кода.
Сохраните изменения.

О том, как добавлять CSS-суффиксы модулям, для их оформления, можете прочесть в этой статье. Там же Вы найдёте информацию о том, что это такое.

Форма контактов

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

Перейдите в Компоненты – Контакты – Категории контактов. Создайте новую категорию и настройте её так, как в быстром старте шаблона.
Перейдите в Компоненты – Контакты – Контакты. Создайте новый контакт и настройте его так, как в быстром старте шаблона.
Перейдите в Компоненты – Контакты – Настройки. Сверьтесь с быстрым стартом, чтобы у Вас всё было настроено точно так же.
Перейдите в Меню – «Название Вашего меню» – Создать пункт меню. Создайте пункт меню тип Контакт внутри Контакты. Настройте его так, как в быстром старте шаблона.
Перейдите в Расширения – Менеджер шаблонов – Стили – «Название Вашего стиля» – Построитель макета и создайте (если его там нет) макет для страницы контакта. Как это сделать, описано тут. Настройки задавайте аналогично тем, что есть в быстром старте. Чтобы узнать, какие именно настройки макета применены для страницы контактов в быстром старте, в построителе макета в спадающем списке Текущий макет выберите «contact» и посмотрите, какие заданы настройки структуры макета. Примените их для своего сайта.
Если у Вас на странице контактов есть карта Google, перейдите в Расширения – Менеджер модулей и создайте модуль тип «Обёртка (Wrapper)». Найдите свой адрес на картах Google и вставьте ссылку (рисунок ниже) в поле Ссылка в созданном Вами модуле. Настройте модуль так, как в быстром старте шаблона.

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