Обзоры расширений 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 в целом.

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

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

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

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

JM Hotel
JM Hotel
Шаблон сайта гостиницы
Шаблон сайта гостиницы
Шаблон сайта для отеля
Шаблон сайта для отеля
Создать сайт для гостиницы
Создать сайт для гостиницы
Шаблон отеля Joomla
Шаблон отеля Joomla

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

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

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

Русификатор

Скачать русификатор 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 и всё её содержимое Вам не нужно.

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

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

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

Отзывы
Отзывы

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

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

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

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

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

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

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

 

Полезные ссылки: