Найти на сайте
  2. Форумы
  3. МАСТЕРСКАЯ
  4. Дизайн / Графика / Искусство
  5. Мобильная версия сайта

Мобильная версия сайта

Мобильная версия сайта

#1 11 сентября 2014 в 12:51
Может кто реализовал мобильную версию сайта, поделитесь что и как.
Или подскажите как реализовать: при входе с мобильников (можно заданой ширины) путь к шаблону менялся.
0
#2 11 сентября 2014 в 13:09
@media screen и Google вам в помощь!
Во второй ветке данный механизм реализован из коробки
0
#3 11 сентября 2014 в 13:21
@media screen я знаю как в css использовать, вопрос был как на другой шаблон перевести
0
#4 11 сентября 2014 в 13:38

как на другой шаблон перевести

universe
Не совсем понимаю вопрос… Также и перевести, пишите html разметку, присоединяете стили и вуаля. Или есть какая-то засада?
0
#5 11 сентября 2014 в 13:49
если делать как вы говорите, то очень много чего делать надо, шаблон изначально делался на экраны не меньше 1000 px. Легче написать новый шаблон на мобильники или же меньшей шириной экрана. То есть у меня сейчас в настройках указан дефолтный шаблон, а надо если зашли с мобильника (экран меньшей шириной) то кидаем на другой шаблон. Пример пути: tamplates/modshab/template.php. А там уже лежит другой шаблон подточенный для других экранов.
0
#6 11 сентября 2014 в 13:51
Или как нибудь прописать в template.php правило, что бы выводило другой код шаблона
0
#7 11 сентября 2014 в 18:44
В cms.php где то в начале после 
  1. if (isset($_SESSION['template'])) { $inConf->template = $_SESSION['template']; }
вставить
  1. $gadgets = array('iPhone', 'Android', 'webOS', 
  2.             'BlackBerry', 'iPod', 'Mobile', 
  3.             'Symbian', 'Opera M', 'HTC_', 
  4.             'Fennec/', 'WindowsPhone', 'WP7', 'WP8'
  5.         );
  6.         $is_gadget = false;
  7.         foreach ($gadgets as $gadget) {
  8.             if (strpos($_SERVER['HTTP_USER_AGENT'], $gadget) !== false) { $is_gadget = true; }
  9.         }
  10.         if ($is_gadget) { $inConf->template = 'sitebar'; }
где sitebar название шаблона.
Cуши бар Золотой Дракон http://golddragon.info
0
#8 11 сентября 2014 в 19:12
imprint, спасибо, проверю попозже. А можно сделать так что бы и на определенную ширину тоже работало? Например если меньше 800px
0
#9 11 сентября 2014 в 20:13
universe, лучше сделайте нормальный адаптивный шаблон. Ну к чему эти костыли лепить, с переключением шаблона? Правильней прописать в @media нужные разрешения и нужное отображение.
0
#10 12 сентября 2014 в 17:13

Например если меньше 800px

universe
Так он автоматом переходит на шаблон мобильный если заходишь с айпада айфона или с другого девайса
Cуши бар Золотой Дракон http://golddragon.info
0
#11 12 сентября 2014 в 17:24
а если с компа с маленьким расширением?
0
#12 12 сентября 2014 в 19:27
нет таких компов
Cуши бар Золотой Дракон http://golddragon.info
0
#13 12 сентября 2014 в 19:29
есть такие люди laugh, которые без дров на расширении 640 сидят
0
#14 12 сентября 2014 в 21:03
все верно, оба способа верны по своему, есть и третий — приложение. Кому что ближе. ВК к примеру юзают моб версию вместо адаптивности, и при этом используют приложения.
И сложно поспорить, что лучше.
Помнится был плагин определения устройства и вывод для него шаблона, на этом сайте.
imprint варик предложил.
Можно и через .htaccess типа того


<ifModule mod_rewrite.c>
RewriteEngine on
# Проверить строку UserAgent браузера
RewriteCond %{HTTP_USER_AGENT} acs [NC,OR]
RewriteCond %{HTTP_USER_AGENT} alav [NC,OR]
RewriteCond %{HTTP_USER_AGENT} alca [NC,OR]
RewriteCond %{HTTP_USER_AGENT} amoi [NC,OR]
RewriteCond %{HTTP_USER_AGENT} audi [NC,OR]
RewriteCond %{HTTP_USER_AGENT} aste [NC,OR]
RewriteCond %{HTTP_USER_AGENT} avan [NC,OR]
RewriteCond %{HTTP_USER_AGENT} benq [NC,OR]
RewriteCond %{HTTP_USER_AGENT} bird [NC,OR]
RewriteCond %{HTTP_USER_AGENT} blac [NC,OR]
RewriteCond %{HTTP_USER_AGENT} blaz [NC,OR]
RewriteCond %{HTTP_USER_AGENT} brew [NC,OR]
RewriteCond %{HTTP_USER_AGENT} cell [NC,OR]
RewriteCond %{HTTP_USER_AGENT} cldc [NC,OR]
RewriteCond %{HTTP_USER_AGENT} cmd- [NC,OR]
RewriteCond %{HTTP_USER_AGENT} dang [NC,OR]
RewriteCond %{HTTP_USER_AGENT} doco [NC,OR]
RewriteCond %{HTTP_USER_AGENT} eric [NC,OR]
RewriteCond %{HTTP_USER_AGENT} hipt [NC,OR]
RewriteCond %{HTTP_USER_AGENT} inno [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ipaq [NC,OR]
RewriteCond %{HTTP_USER_AGENT} java [NC,OR]
RewriteCond %{HTTP_USER_AGENT} jigs [NC,OR]
RewriteCond %{HTTP_USER_AGENT} kddi [NC,OR]
RewriteCond %{HTTP_USER_AGENT} keji [NC,OR]
RewriteCond %{HTTP_USER_AGENT} leno [NC,OR]
RewriteCond %{HTTP_USER_AGENT} lg-c [NC,OR]
RewriteCond %{HTTP_USER_AGENT} lg-d [NC,OR]
RewriteCond %{HTTP_USER_AGENT} lg-g [NC,OR]
RewriteCond %{HTTP_USER_AGENT} lge- [NC,OR]
RewriteCond %{HTTP_USER_AGENT} maui [NC,OR]
RewriteCond %{HTTP_USER_AGENT} maxo [NC,OR]
RewriteCond %{HTTP_USER_AGENT} midp [NC,OR]
RewriteCond %{HTTP_USER_AGENT} mits [NC,OR]
RewriteCond %{HTTP_USER_AGENT} mmef [NC,OR]
RewriteCond %{HTTP_USER_AGENT} mobi [NC,OR]
RewriteCond %{HTTP_USER_AGENT} mot- [NC,OR]
RewriteCond %{HTTP_USER_AGENT} moto [NC,OR]
RewriteCond %{HTTP_USER_AGENT} mwbp [NC,OR]
RewriteCond %{HTTP_USER_AGENT} nec- [NC,OR]
RewriteCond %{HTTP_USER_AGENT} newt [NC,OR]
RewriteCond %{HTTP_USER_AGENT} noki [NC,OR]
RewriteCond %{HTTP_USER_AGENT} opwv [NC,OR]
RewriteCond %{HTTP_USER_AGENT} palm [NC,OR]
RewriteCond %{HTTP_USER_AGENT} pana [NC,OR]
RewriteCond %{HTTP_USER_AGENT} pant [NC,OR]
RewriteCond %{HTTP_USER_AGENT} pdxg [NC,OR]
RewriteCond %{HTTP_USER_AGENT} phil [NC,OR]
RewriteCond %{HTTP_USER_AGENT} play [NC,OR]
RewriteCond %{HTTP_USER_AGENT} pluc [NC,OR]
RewriteCond %{HTTP_USER_AGENT} port [NC,OR]
RewriteCond %{HTTP_USER_AGENT} prox [NC,OR]
RewriteCond %{HTTP_USER_AGENT} qtek [NC,OR]
RewriteCond %{HTTP_USER_AGENT} qwap [NC,OR]
RewriteCond %{HTTP_USER_AGENT} sage [NC,OR]
RewriteCond %{HTTP_USER_AGENT} sams [NC,OR]
RewriteCond %{HTTP_USER_AGENT} sany [NC,OR]
RewriteCond %{HTTP_USER_AGENT} sch- [NC,OR]
RewriteCond %{HTTP_USER_AGENT} sec- [NC,OR]
RewriteCond %{HTTP_USER_AGENT} send [NC,OR]
RewriteCond %{HTTP_USER_AGENT} seri [NC,OR]
RewriteCond %{HTTP_USER_AGENT} sgh- [NC,OR]
RewriteCond %{HTTP_USER_AGENT} shar [NC,OR]
RewriteCond %{HTTP_USER_AGENT} sie- [NC,OR]
RewriteCond %{HTTP_USER_AGENT} siem [NC,OR]
RewriteCond %{HTTP_USER_AGENT} smal [NC,OR]
RewriteCond %{HTTP_USER_AGENT} smar [NC,OR]
RewriteCond %{HTTP_USER_AGENT} sony [NC,OR]
RewriteCond %{HTTP_USER_AGENT} sph- [NC,OR]
RewriteCond %{HTTP_USER_AGENT} symb [NC,OR]
RewriteCond %{HTTP_USER_AGENT} t-mo [NC,OR]
RewriteCond %{HTTP_USER_AGENT} teli [NC,OR]
RewriteCond %{HTTP_USER_AGENT} tim- [NC,OR]
RewriteCond %{HTTP_USER_AGENT} tosh [NC,OR]
RewriteCond %{HTTP_USER_AGENT} tsm- [NC,OR]
RewriteCond %{HTTP_USER_AGENT} upg1 [NC,OR]
RewriteCond %{HTTP_USER_AGENT} upsi [NC,OR]
RewriteCond %{HTTP_USER_AGENT} vk-v [NC,OR]
RewriteCond %{HTTP_USER_AGENT} voda [NC,OR]
RewriteCond %{HTTP_USER_AGENT} w3cs [NC,OR]
RewriteCond %{HTTP_USER_AGENT} wap- [NC,OR]
RewriteCond %{HTTP_USER_AGENT} wapa [NC,OR]
RewriteCond %{HTTP_USER_AGENT} wapi [NC,OR]
RewriteCond %{HTTP_USER_AGENT} wapp [NC,OR]
RewriteCond %{HTTP_USER_AGENT} wapr [NC,OR]
RewriteCond %{HTTP_USER_AGENT} webc [NC,OR]
RewriteCond %{HTTP_USER_AGENT} winw [NC,OR]
RewriteCond %{HTTP_USER_AGENT} winw [NC,OR]
RewriteCond %{HTTP_USER_AGENT} xda [NC,OR]
RewriteCond %{HTTP_USER_AGENT} xda- [NC,OR]
RewriteCond %{HTTP_USER_AGENT} up.browser [NC,OR]
RewriteCond %{HTTP_USER_AGENT} up.link [NC,OR]
RewriteCond %{HTTP_USER_AGENT} windows.ce [NC,OR]
RewriteCond %{HTTP_USER_AGENT} iemobile [NC,OR]
RewriteCond %{HTTP_USER_AGENT} mini [NC,OR]
RewriteCond %{HTTP_USER_AGENT} mmp [NC,OR]
RewriteCond %{HTTP_USER_AGENT} symbian [NC,OR]
RewriteCond %{HTTP_USER_AGENT} midp [NC,OR]
RewriteCond %{HTTP_USER_AGENT} wap [NC,OR]
RewriteCond %{HTTP_USER_AGENT} phone [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ipad [NC,OR]
RewriteCond %{HTTP_USER_AGENT} iphone [NC,OR]
RewriteCond %{HTTP_USER_AGENT} iPad [NC,OR]
RewriteCond %{HTTP_USER_AGENT} iPhone [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ipod [NC,OR]
RewriteCond %{HTTP_USER_AGENT} iPod [NC,OR]
RewriteCond %{HTTP_USER_AGENT} pocket [NC,OR]
RewriteCond %{HTTP_USER_AGENT} mobile [NC,OR]
RewriteCond %{HTTP_USER_AGENT} android [NC,OR]
RewriteCond %{HTTP_USER_AGENT} Android [NC,OR]
RewriteCond %{HTTP_USER_AGENT} pda [NC,OR]
RewriteCond %{HTTP_USER_AGENT} PPC [NC,OR]
RewriteCond %{HTTP_USER_AGENT} Series60 [NC,OR]
RewriteCond %{HTTP_USER_AGENT} Opera.Mini [NC,OR]
RewriteCond %{HTTP_USER_AGENT} Moby [NC,OR]
RewriteCond %{HTTP_USER_AGENT} Mobi [NC,OR]

# Проверить служебные заголовки, отсылаемые браузером
RewriteCond %{HTTP_ACCEPT} "text/vnd.wap.wml" [NC,OR]
RewriteCond %{HTTP_ACCEPT} "application/vnd.wap.xhtml+xml" [NC,OR]

# Проверить исключения
RewriteCond %{HTTP_USER_AGENT} !windows.nt [NC]
RewriteCond %{HTTP_USER_AGENT} !bsd [NC]
RewriteCond %{HTTP_USER_AGENT} !x11 [NC]
RewriteCond %{HTTP_USER_AGENT} !unix [NC]
RewriteCond %{HTTP_USER_AGENT} !macos [NC]
RewriteCond %{HTTP_USER_AGENT} !macintosh [NC]
RewriteCond %{HTTP_USER_AGENT} !playstation [NC]
RewriteCond %{HTTP_USER_AGENT} !google [NC]
RewriteCond %{HTTP_USER_AGENT} !yandex [NC]
RewriteCond %{HTTP_USER_AGENT} !bot [NC]
RewriteCond %{HTTP_USER_AGENT} !libwww [NC]
RewriteCond %{HTTP_USER_AGENT} !msn [NC]
RewriteCond %{HTTP_USER_AGENT} !america [NC]
RewriteCond %{HTTP_USER_AGENT} !avant [NC]
RewriteCond %{HTTP_USER_AGENT} !download [NC]
RewriteCond %{HTTP_USER_AGENT} !fdm [NC]
RewriteCond %{HTTP_USER_AGENT} !maui [NC]
RewriteCond %{HTTP_USER_AGENT} !webmoney [NC]
RewriteCond %{HTTP_USER_AGENT} !windows-media-player [NC]

# При выполнении условий переадресация на мобильную версию сайта
RewriteRule ^(.*)$ mobile.version.of.site.ru [L,R=302]
</ifModule>


RewriteCond %{HTTP_USER_AGENT} (?i:midp|samsung|iphone|android)
RewriteRule ^(/)?$ m.domain.com/ [R=301]
Или как иначе… Список мобильных устройств

Все зависит от поставленной задачи, тема избита))
К примеру, важен вес страницы в том числе.
Следовательно маленький вес изображений.
Относительно изображений, опять жеж упрусь в опенкарт, там отлично реализовано выбор картинки в адаптивном шабе, на каждый размер есть кешированное изображение соответствующего размера. prntscr.com/4m5e5k
и тд и т п…
0
#15 13 сентября 2014 в 11:40
пользуюсь такой версей сайт
Cуши бар Золотой Дракон http://golddragon.info
0
Меню в 2ке по центру
Смайлы для redactor?
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Похожие темы

Мобильная версия сайта

Ищу исполнителя Создана 4 месяца назад 2 сообщения

Обновление инстанта, мобильная версия

Ищу исполнителя Создана 3 года назад 8 сообщений

Ошибка при обновлении Биллинга

Биллинг Создана 3 года назад 18 сообщений

[ЕСТЬ РЕШЕНИЕ] Мобильная кнопка не корректна

Дизайн / Графика / Искусство Создана 4 года назад 4 сообщения

отличие мобильного меню в версии 2.13 от обновления

Компоненты Создана 4 года назад 3 сообщения

Ищу исполнителя на перенос сайта с первой версии на вторую

Ищу исполнителя Создана 2 года назад 1 сообщение

InstantCMS Team

Связь с нами
Email dev@instantcms.ru

Делаем полезные Интернет проекты с 2008 года 💫

О проекте

Поддержка

Дополнения

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.