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

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

Как скрыть позицию модуля при определенной ширине экрана?

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

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

Сообщений: 112



« : 16.08.2014, 15:10:15 »

Добрый день!

Правлю Протостар под себя
Есть задача скрывать некоторые позиции модулей (например слайдер) при ширине экрана меньше определенного значения - то есть под планшеты или мобильники.

Как это сделать наиболее корректно?

Первое что пришло в голову - выставлять display:none через  @media - но чует мое сердце, что это не красиво - ведь все равно фактически загружается модуль

Или все так и делают?

Спасибо!


Записан
Сержo
Осваиваюсь на форуме
***

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

Пол: Мужской
Сообщений: 115



« Ответ #1 : 11.09.2014, 09:49:18 »

Цитировать
Первое что пришло в голову - выставлять display:none через  @media - но чует мое сердце, что это не красиво - ведь все равно фактически загружается модуль
Через @media, проверять на мобильное через JApplicationWebClient, или подключать к шаблону библиотеку(Mobile Detect Library) детектора устройства, и  выводить альтернативный мобильный макет.
Второе(JApplicationWebClient или Mobile Detect Library) по сути не нужное, для простых шаблонов, где для мобильных выводится всё или почти всё как есть, а вот если нужно что то сильно отличное от стандартной верстки, то лучше сделать свой макет для мобильных устройств. Но это моё мнение, мож кто с этим и не согласен....
« Последнее редактирование: 11.09.2014, 10:04:58 от Сержo » Записан
Mehanick
Завсегдатай
*****

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

Сообщений: 430


« Ответ #2 : 14.08.2015, 11:24:15 »

Тоже вопрос интересует
Записан
LyalyaChornaya
Давно я тут
****

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

Пол: Женский
Сообщений: 267



« Ответ #3 : 14.08.2015, 15:49:53 »

Посмотрите офф.сайт бутстрапа 3, http://bootstrap-3.ru/css.php#responsive-utilities, что гадать-то на кофейной гуще, там есть табличка с классами, которые нужно прописывать, чтобы скрывать ненужные колонки при определенной ширине экрана. Протостар на бутстрапе сделан, правда на 2-м, но там тоже какие-то классы имеются. А вот мобильная версия сайта, это, конечно, уже вчерашний день.
Записан
Yastroitel
Осваиваюсь на форуме
***

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

Сообщений: 112



« Ответ #4 : 14.08.2015, 15:54:51 »

Посмотрите офф.сайт бутстрапа 3, http://bootstrap-3.ru/css.php#responsive-utilities, что гадать-то на кофейной гуще, там есть табличка с классами, которые нужно прописывать, чтобы скрывать ненужные колонки при определенной ширине экрана. Протостар на бутстрапе сделан, правда на 2-м, но там тоже какие-то классы имеются. А вот мобильная версия сайта, это, конечно, уже вчерашний день.

В этом то никаких проблем. Благо доки для 2 бутстрапа все еще живы

Проблема в том, что бутстрап просто их скрывает свойством display none
А хочется чтобы они даже не загружались

Но похоже это не очень просто
Записан
Mehanick
Завсегдатай
*****

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

Сообщений: 430


« Ответ #5 : 14.08.2015, 16:28:20 »

"А вот мобильная версия сайта, это, конечно, уже вчерашний день."

Это как вас понимать? поисковики требуют в обязаловке, а у вас вчерашний день, объясните пожалуйста.

Записан
Mehanick
Завсегдатай
*****

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

Сообщений: 430


« Ответ #6 : 14.08.2015, 16:30:42 »

И может кто подскажет, сделал вывод мобильного меню на определенной узкой ширине экрана, но работает только если нажать один раз на кнопку, потом если еще нажимать то кнопка не работ ает и мобильное меню не открывается.

http://cubestroy.ru/
Записан
LyalyaChornaya
Давно я тут
****

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

Пол: Женский
Сообщений: 267



« Ответ #7 : 15.08.2015, 17:01:55 »

"А вот мобильная версия сайта, это, конечно, уже вчерашний день."
Просто вы путаете адаптивный сайт с версией сайта под мобильные устройства. Поиски требуют адаптивные сайты. А версия сайта под мобильные устройства, это именно версия по несколько другому адресу, которая работает именно для мобильных – самый минимальный контент. Адаптивный же сайт существует по своему основному адресу и адаптируется под любые устройства
Записан
Mehanick
Завсегдатай
*****

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

Сообщений: 430


« Ответ #8 : 15.08.2015, 17:33:17 »

а
Записан
Страниц: [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