Как сделать так, чтобы в зависимости от размера экрана пользователя отображались разные дополнительные поля?

ofara734 12.02.2018 дополнительные поля Все вопросы » Общие вопросы по вёрстке 1068

вопрос

Здравствуйте. Как сделать так, чтобы в зависимости от размера экрана пользователя отображались разные дополнительные поля. Например:

Если ширина экрана больше 600 px, то отображается информация из [xfgiven_1] [xfvalue_1] [/xfgiven_1], а если меньше то [xfgiven_2] [xfvalue_2] [/xfgiven_2] !?

Размер экрана и дополнительные поля

Ответил: Heavy1

[smartphone] текст [/smartphone]

будет выводить текст заключенный в теги, если посетитель просматривает ваш сайт с мобильного телефона.

[not-smartphone] текст [/not-smartphone]

будет выводить текст заключенный в теги, если посетитель просматривает ваш сайт не с мобильного телефона.

[tablet] текст [/tablet]

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

[not-tablet] текст [/not-tablet]

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

[desktop] текст [/desktop]

будет выводить текст заключенный в теги, если посетитель просматривает ваш сайт со стационарного компьютера или ноутбука.

[not-desktop] текст [/not-desktop]

будет выводить текст заключенный в теги, если посетитель просматривает ваш сайт не со стационарного компьютера или ноутбука.

6 комментариев

Юзер

vadosrespekt - 2018-02-1212 февраля 2018 20:13 - #67508

Юзер

ofara734 - 2018-02-1212 февраля 2018 20:19 - #67509

У меня адаптивный шаблон. Эти теги работают только если включено: "Включить автоматическую поддержку смартфонов"?

Юзер

101

Heavy1 - 2018-02-1212 февраля 2018 22:09 - #67513

эти теги работают глобально
варик через css не убирает ненужное поле из html

Юзер

maruska - 2018-02-1212 февраля 2018 21:41 - #67511

Если по простому можно так
css

<style>
@media (max-width: 600px) {
  .van {
    display: none;
  }
}
@media (min-width: 600px) {
  .too {
    display: none;
  }
}
</style>

html

<span class="van">
[xfgiven_1] [xfvalue_1] [/xfgiven_1]
</span>
<span class="too">
[xfgiven_2] [xfvalue_2] [/xfgiven_2]
</span>

Юзер

ofara734 - 2018-02-1212 февраля 2018 21:43 - #67512

Спасибо! То, что нужно!

Юзер

ofara734 - 2018-02-1212 февраля 2018 22:11 - #67514

Всем еще раз большое спасибо!

derebas | Нужо доработать плагин связанных новосте ... ²

derebas
Нужо доработать плагин связанных новостей
23-12-2024, 22:42

1. --
2. Не будет работать с добавлением новостей, т.к. ID еще не существует, только переработка принципа самого доп. поля. Что касается существующего состояния, просто добавьте один query запрос при нажатии на + который и будет добавлять параметр в sql
3. стрипслэш
4. Скачал, попробывал, не заметил такой проблемы, возможно нужно в ajax уточнить параметр
5. Просмотрев модуль, изначально алерт идет об однократных связях, как туда может попасть "лишняя" новость не совсем понятно.

В любом случае обратитесь к teraMoune как к специалисту
TeraMoune | Нужо доработать плагин связанных новосте ... ²

TeraMoune
Нужо доработать плагин связанных новостей
23-12-2024, 13:40

Пишите в телеграм посмотрим
non-stop | Как решить проблему индексации DLE в пои ... ⁴

non-stop
Как решить проблему индексации DLE в поиске Bing?
23-12-2024, 08:43

Проверил также количество страниц в поиске BING
site:adressayta.com

в поиске всего 3 страницы
Sitemap как ни пытался скормить - не выходит. выдает ошибку
Неприемлемая карта сайта
Невозможно получить URL-адреса с карты сайта

Мне кажется что причина в файле .httaccess
тк при попытке скармливания постранично - выдает ошибку перенаправления
URL перенаправления цели:https://........ ./index.php?do=static&page=406.&seourl=406.
Sud3n | Как решить проблему индексации DLE в пои ... ⁴

Sud3n
Как решить проблему индексации DLE в поиске Bing?
22-12-2024, 20:44

Ошибка, если посмотреть есть ли страничка в индексе
Но версия DLE у меня старая, сомневаюсь, что дело в версии
Sud3n | Как решить проблему индексации DLE в пои ... ⁴

Sud3n
Как решить проблему индексации DLE в поиске Bing?
22-12-2024, 20:42

У меня почему-то Bing вообще не индексирует сайт после добавления в Вебмастер
non-stop | Как решить проблему индексации DLE в пои ... ⁴

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess