Принцип работы шаблона для мобильных устройств

InstantCMS 2.X

#1 11 октября 2017 в 23:32

Всем привет, в виджетах есть галочка отображать дл мобильных устройств, это как? Как можно сделать что бы через мобильные устройства шаблон и виджеты изменялись? Есть ли описание на это? Спасибо!

#2 12 октября 2017 в 08:05

это как ?
Нико

Это так: виджет будет отображаться только на экранах выбранных устройств, на других он не будет выводиться вообще.

Как можно сделать что бы через мобильные устройства шаблон и виджеты изменялись ?
Нико

Никак. Галочки работают только на отображение виджетов, а не на их изменение на мобильных устройствах.

#3 12 октября 2017 в 08:22

Как можно сделать что бы через мобильные устройства шаблон и виджеты изменялись ?
Нико

На ПК показывать один виджет с одними настройками, а на мобильном — другой такой же виджет, но с другими настройками.

Сегодня в 22:23

#4 12 октября 2017 в 09:16

Как можно сделать что бы через мобильные устройства шаблон и виджеты изменялись ?
Нико

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

#5 12 октября 2017 в 09:41

Как можно сделать что бы через мобильные устройства шаблон и виджеты изменялись ?
Нико

В instantcms это сделать легко. Даже больше, для разных устройствах Вы можете использовать разные шаблоны со своими виджетами

#6 12 октября 2017 в 12:13

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

Я создал папку с шаблоном. Назвал его mobile. Хочу сделать что бы если пользователь зашел с мобильного устройства его перекидывало бы в mobile.site.com
На хостинге все настроено.

#7 12 октября 2017 в 15:45

Назвал его mobile.
Нико

О том же:
instantcms.ru/blogs/esli-dolgo-muchitsja/perehod-mezhdu-versijami-saita-dlja-razlichnyh-ustroistv.html

#8 12 октября 2017 в 17:06

<?php
 
$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$iphone6 = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone 6");
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS");
$berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");
$mobile = strpos($_SERVER['HTTP_USER_AGENT'],"Mobile");
$symb = strpos($_SERVER['HTTP_USER_AGENT'],"Symbian");
$operam = strpos($_SERVER['HTTP_USER_AGENT'],"Opera M");
$htc = strpos($_SERVER['HTTP_USER_AGENT'],"HTC_");
$fennec = strpos($_SERVER['HTTP_USER_AGENT'],"Fennec/");
$winphone = strpos($_SERVER['HTTP_USER_AGENT'],"WindowsPhone");
$wp7 = strpos($_SERVER['HTTP_USER_AGENT'],"WP7");
$wp8 = strpos($_SERVER['HTTP_USER_AGENT'],"WP8");
if ($ipad || $iphone || $iphone6 || $android || $palmpre || $ipod || $berry || $mobile || $symb || $operam || $htc || $fennec || $winphone || $wp7 || $wp8 === true) {
    header('Location: http://m.site.ru'); 
}
 
?>

#9 12 октября 2017 в 17:14

Переменная $device_type Данная переменная может содержать три значения: desktop, mobile, tablet. Что будет условно означать устройство, с которого посетитель зашёл на сайт. desktop — пользователи настольных ПК, mobile — пользователи с мобильных устройств, tablet — пользователи с планшетов.
Документация

На ПК показывать один виджет с одними настройками, а на мобильном — другой такой же виджет, но с другими настройками.
Ris

Я так и делаю, в частности — вывожу разные меню для разных устройств.
Но есть сомнения, насколько можно доверять этой переменной в старых браузерах?
И не будет ли надежнее управлять отображением через CSS и медиазапросы размеров экрана?

#10 12 октября 2017 в 20:45

Документация:
Pocus

Учитывая то, каким образом используемый метод определяет устройство, ошибки будут всегда. При этом хочу заметить: лучшего варианта для определения на стороне сервера я лично не знаю. По этой причине, в своё время тоже остановился на Mobile Detect (в системе он появился гораздо позже).

Но есть сомнения, насколько можно доверять этой переменной в старых браузерах?
Pocus

Ответ выше. Только не стоит впутывать в наши проблемы старенькие версии браузеров.

И не будет ли надежнее управлять отображением через CSS и медиазапросы размеров экрана?
Pocus

Точно будет надёжнее.
Только отдавать в браузер что-то, а потом его где-то прятать, а где-то выводить… Да плюс не нужные скррипты, да плюс не используемые стили, да плюс картинки огромных размеров и весом в пару метров кои придётся ужать до пикселей 300-т… (могу продолжить).
Имхо: самое надёжное уточнить у гостя сайта не ошиблись ли мы. При этом дать возможность в любой момент переключаться между версиями сайта для различных устройств.

Украинский для инстант

#11 12 октября 2017 в 21:51

Приветствую всех, а подскажите в каком файле или папке лежит код, от страницы блогов и статей?

Свой цвет на каждый пункт меню

Помогите по ксс префикс для ме

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

Принцип работы шаблона для мобильных устройств

Похожие темы

Ширина в мобильных устройствах и фото

При смещении главного меню, оно не работает на мобильных устройствах.

[ЕСТЬ РЕШЕНИЕ] Непонятная проблема сайта с некоторых устройств. (1 ветка!)

Проблема кодировки во фрейме html на мобильных устройствах

Редакторы Инстанта 2.13.1 на мобильных устройствах

Отображение вкладок на мобильных устройствах

InstantCMS Team

О проекте

Поддержка

Дополнения