- Тип – адаптивный шаблон Джумла с плоским дизайном.
JM Beauty Center – это готовый шаблон Joomla 3 для создания сайта салона красоты, парикмахерской, спа-салона и т.д.. Безусловно, на этом перечень сайтов, которые могут быть созданы на базе данного шаблона, не ограничивается. По сути – это универсальный шаблон с плоским дизайном. Шаблон адаптивный и разработан на базе таких «стандартов» как HTML5, CSS3, Bootstrap, LESS с минимальным применением растровых объектов в дизайне.
Обзор проводится в последней, на момент написания статьи (26.06.2016), русскоязычной версии JM Beauty Center 1.0.0 в Joomla 3.5.1. Кроме самого шаблона Вы получите лицензию на такие расширения (версии указаны на момент написания статьи):
- DJ-MediaTools 2.6.1. Компонент галереи изображений и видео для Joomla с поддержкой VirtueMart Это позволит создавать слайдер VirtueMart, галереи с товарами и другое.
- DJ-MegaMenu 3.4.1. Компонент (модуль, плагин) меню, мега-меню и мобильного меню со множеством настроек и поддержкой вставки модулей в меню.
- DJ-Flyer 3.0.7. Это расширение Joomla для красивого оформления материалов во фронтальной части сайта.
Особенности JM Beauty Center
Вместе с присущими всем шаблонам от Joomla-Monster.com на фреймворке EF4 особенностями в типографике, оформлении модулей и работе с макетом\позициями шаблона у JM Beauty Center есть свои изюминки.
- Наличие в комплекте с шаблоном компонента и модуля DJ-Flyer для красивого отображения материалов.
- Пять предустановленных цветовых схем оформления.
- Наличие различных тематических элементов оформления специально для сайтов салона красоты, парикмахерской, спа-салона, тренажёрных залов и так далее.
- Возможность отображения шапки сайта во всю ширину окна браузера или по ширине сайта.
Приведу несколько изображений с примерами шаблона.
Добавление нового макета в шаблон
В статье «Обзор JM Cleaning Company. Шаблон сайта клининговой компании» уже рассматривали основные возможности построителя макета. Затронем вопрос добавления нового макета в шаблон с его закреплением за определённым пунктом меню (по материалам статьи «Layout Builder»). Когда это может понадобиться? Например, в шаблоне Joomla для салона красоты на странице контактов используется отдельный, от других страниц, макет (рисунок ниже).
На рисунке выше видно, что позиция «right-column» (правый столбе) шире, чем «left-column» (левый столбец) и «content-top» (верх содержимого). Это позволяет реализовать следующий вид страницы (рисунок ниже).
На рисунке выше модуль карты сайта как раз и расположен в позиции «right-column», а форма контактов отображается в области контента потому, что эта страница создана при помощи пункта меню тип «Контакт».
Для добавления нового макета перейдите в настройки шаблона, зайдите в раздел Построитель макета. Выберите из спадающего списка Текущий макет, наиболее подходящий для изменения, или оставьте «default». После этого нажмите на кнопку Копировать макет (рисунок ниже).
В появившемся окне введите название нового макета (английскими буквами без пробелов) и нажмите кнопку Копировать макет. После этого при помощи инструментов на «вкладках» Настроить структуру макета и Настроить отзывчивый макет внесите нужные Вам изменения в макет и сохраните их при помощи зелёной кнопки Сохранить макет справа от спадающего списка Текущий макет.
Для того, чтобы применить этот макет к нужным Вам страницам, Вы уже должны были создать пункты меню этих страниц. Если это не сделано, то можно сделать сейчас. После этого на «вкладке» Назначить макет за элементами меню выберите те пункты меню, на которых хотите применять созданный Вами макет (рисунок ниже) и сохраните изменения.
Можно создать новый макет «вручную». Для этого перейдите в папку «templates/jm-beauty-center-ef4/tpl» и скопируйте файл «default.php». Переименуйте его и можете зайти в построитель макета для изменения нового макета и закрепления его за нужными Вам страницами сайта. Если Вы уже находитесь в построителе макета, то обновите страницу, и он появится в спадающем списке Текущий макет.
Русификатор JM Beauty Center
Скачать русификатор JM Beauty Center.
Как видите, редактировать русский шаблон для Joomla 3 даже без знаний программирования и вёрстки достаточно просто. Как уже упоминалось выше, шаблон – универсальный, его можно применять почти для любого сайта.
| Похожие материалы |
|---|
| Автор статьи – Хорошевский Алексей |
|---|
Кандидат технических наук, преподаватель Харьковского национального университета радиоэлектроники, веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет услуги по созданию, доработке, сопровождению и продвижению сайтов. Подробнее об авторе… Публикации и работа: |

