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

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

Как показывать баннер (модуль) только для мобильных устройств?

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

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

Сообщений: 198


« : 27.10.2016, 10:51:00 »

Здравствуйте! Подскажите, пожалуйста, есть ли решение: как настроить баннер так, что бы он показывался только мобильным пользователям? Может модуль есть  специальный?
Спасибо!
Записан
effrit
Группа развития
*****

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

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


effrit.com


« Ответ #1 : 27.10.2016, 10:56:54 »

добрый день.
у вас версия Joomla 1.5 или все же свежая?
Записан
Escander
Осваиваюсь на форуме
***

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

Сообщений: 198


« Ответ #2 : 27.10.2016, 10:57:59 »

добрый день.
у вас версия Joomla 1.5 или все же свежая?
Добрый день, 1,5.
Записан
effrit
Группа развития
*****

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

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


effrit.com


« Ответ #3 : 27.10.2016, 11:08:46 »

ну тогда в шаблон кодить.
подключать скрипт определения и выводить позицию модуля, если определяется мобильность
вот вариант, но можно ещё погуглить "php определение мобильного устройства"
http://ruseller.com/lessons.php?rub=37&id=1951

либо вариант 2, менее энергозатратный
модулю с баннером прописываем суффикс, и через @media CSS скрываем его на широких экранах.
Записан
Escander
Осваиваюсь на форуме
***

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

Сообщений: 198


« Ответ #4 : 27.10.2016, 11:15:27 »

Спасибо! А можете вариант 2 подробнее: что именно пишем в суффиксе модуля и как через @media CSS скрыть его на широких экранах?
Записан
Escander
Осваиваюсь на форуме
***

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

Сообщений: 198


« Ответ #5 : 27.10.2016, 12:36:09 »

Я тут порыл форум c вашей наводки и вот нашел, как человек наоборот скрывал модуль от мобильных устройств:

"В CSS шаблона прописываю:
Код:

@media ( max-width:640px ) {
   .mobil {
      display: none;
   }
}


В поле "Суффикс CSS-класса модуля" ставлю пробел и пишу mobil"

Я правильно понимаю, что в моем случае нужно писать вместо max-width:640px -  min-width:640px ?
Записан
Escander
Осваиваюсь на форуме
***

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

Сообщений: 198


« Ответ #6 : 27.10.2016, 13:03:34 »

Вообщем, попробовал. На ПК теперь модуль не показывает, НО и на  мобиле не показывает:(
Копаю дальше
Записан
Escander
Осваиваюсь на форуме
***

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

Сообщений: 198


« Ответ #7 : 27.10.2016, 13:06:52 »

Вместо 640 указал 1024 - и норма: на ПК не видно, на мобиле - есть! Но, какое значение правильнее указать? Какое минимаольное для ПК и максимальное для Смартфона и планшета?
Записан
vipiusss
Профи
********

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

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


Skype: renor_


« Ответ #8 : 27.10.2016, 13:09:31 »

Указывайте условие от и до, например:
@media screen and (min-width:***px) and (max-width:***px) {
.ваш класс {
тут ваши стили, или дисплей:ноне, или ваш нужный результат
 }
}

таблица экранов https://htmlweb.ru/css/media_screen.php

Если добавить only, то условие принимает более жёсткие рамки.
Например @media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
« Последнее редактирование: 27.10.2016, 13:18:08 от vipiusss » Записан
Escander
Осваиваюсь на форуме
***

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

Сообщений: 198


« Ответ #9 : 27.10.2016, 13:26:56 »

Спасибо огромнейшее! Ушел на испытания
Записан
Страниц: [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