Настройка мобильной версии сайта

  • 1 Ответов
  • 842 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн serjant

На сайте используется Joomla последней вресии.
Не могу понять как в Joomla настраивается вид мобильной версии сайта.
Например, когда захожу на сайт с ПК, то выводится полный список пунктов Main Menu. А когкда захожу с Android смартфона, то выводятся только првые три пункта Main Menu. Нужно изменить список пунктов меню для Android.
Подскажите, где это делается в Joomla?
Расширенй таких как MobileTemplate, Mobile Joomla и т.д. не установлено.

*

Оффлайн caleblt

Re: Настройка мобильной версии сайта
« Ответ #1 : 08.12.2015, 10:58:04 »
Это не зависит от CMS. Вам необходимо написать шаблон в котором учтены особенности мобильных устройств. Есть несколько вариантов, ниже парочка из них:
1. В файле CSS шаблона (или вешаете на определённые страницы сайта модуль HTML со стилями) прописываете:
@media only screen and (max-width: 1023px) {
#middle-row{display:none;}
#right-modules{float:none;}
}
Где max-width: 1023px означает условие "если ширина экрана не больше 1023 пиксела, то..."
2. Создайте модуль HTML со скриптом:
var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }
};

проверяйте на мобильную версию
if(isMobile.any()){
//действие, которое нужно сделать, если браузер мобильный
}