Форум русской поддержки Joomla!® CMS
04.12.2016, 18:20:09 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 424 раз)
0 Пользователей и 1 Гость смотрят эту тему.
serjant
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 32


« : 04.12.2015, 23:11:39 »

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

Репутация: +3/-0
Offline Offline

Сообщений: 56


« Ответ #1 : 08.12.2015, 09: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()){
//действие, которое нужно сделать, если браузер мобильный
}
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet