Создание мобильной версии сайта на modx. Мобильная версия сайта modx

modMobile MODX Revolution. Плагин смены шаблона

Что такое modMobile?

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

История разработки

Версия	Дата опубликования	Участники	Замечания / особенности
1.0 pl	05 января 2012	Josh Gulledge	Добавлен сниппет и переработан код
0.1.0 alpha	03 марта 2011	Jeroen Kenters	Первый выпуск.

Системные требования

MODX Revolution
Шаблон для мобильных устройств

Обновление

Вам следует задать значение System Setting modmobile.mobile_template, это изменит вид на mobile_template. Если хотите оставить исходные установки mobile_template просто удалите это.

Установка

Установите с помощью Package Management

Отладка

Т.к. это первая бета версия, многое может работать не так, как надо после установки, как надо. Если возникают проблемы при работе, просто отключите данный плагин и все будет ОК.

Использование

Пример 1

Использование одного шаблона для обычной и мобильной версии сайта.

Перейдите System -> System Settings

2. Задайте USE Placeholder как Yes

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

[[If? &subject=`[[+modxSiteTemplate]]` &operand=`mobile` &then=`` &else=` ` ]]

Внимание: modxSiteTemplate является значением modmobile.get_var и тем же самым, что вам нужно отправить для переключения шаблонов. Также вам нужно установить расширение If , чтобы этот пример заработал!

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

<a href="[[~[[*id]]]]?modxSiteTemplate=mobile">Mobile</a>

?modxSiteTemplate=mobile">Mobile

[[~[[*id]]]]

?modxSiteTemplate=full">Full Site View

Обратите внимание, это опционально, но очень рекомендуемо!

Пример 2

Использование отдельного мобильного шаблона.

Перейдите System -> System Settings

Выберите modmobile,

2. Введите ID мобильного шаблона

Зайдите на сайт с помощью мобильного устройства наподобие iPhone или iPad. Мобильная версия должна появиться.
Теперь просто разместите ссылку в ваших шаблонах, сначала на мобильную версию, а потом на полную следующим образом:

? Обратите внимание, это опционально, но очень рекомендуемо!

<a href="[[~[[*id]]]]?modxSiteTemplate=mobile">Mobile</a>

www.modx.cc

[MobileDetect] Мобильная версия для вашего сайта / modx.pro

Предлагаю вашему вниманию новое дополнение для создания мобильной версии сайта.

Еще вчера утром я не знал, что буду его писать, но так вышло. Логика целиком повторяет Mobile Detection из официального репозитория, но:

Используется класс mobiledetect.net
Отдельно определяются планшеты
Всё написано с нуля, так что код гораздо лучше
Тем более, что оригинал не обновлялся с мая 2011 года

Демо-страничка находится здесь, а под катом описание работы.

Принцип работы

Плагин парсит страницу при выводе и убирает из неё теги для других версий устройств.

Всего можно использовать три вида тегов: standard, tablet и mobile.

<!DOCTYPE html> <html> <head> <title>[[++site_name]] - [[*pagetitle]]</title> <base href="[[++site_url]]" /> </head> <body> <standard>This is a standard view.</standard> <tablet>This is a tablet view.</tablet> <mobile>This is a mobile view.</mobile> Parse time: [^t^] </body> </html> Если посетитель заходит на сайт с мобильного — убирается контент тегов standard и tablet. Если с компьютера — то tablet и mobile. Таким образом, вы легко можете организовать мобильную версию сайта.

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

Настройки

Все возможные опции вынесены в системные настройки. Это значит, что их можно указывать раздельно для каждого контекста.

disable_plugin — Выключить плагин
use_cookie — Запоминать тип браузера юзера.
tablet_is_standard — Считать планшеты компьютерами и выводить для них тег standard.
+ разные настройки для указания переменных и тегов версий

Помимо автоопределения, можно и напрямую указывать требуемую версию через url.

Заключение

Компонент уже можно загрузить из магазина, безвозмездно.

Исходный код в репозитории на GitHub. Встроенный Mobile Detect в директории core можно без проблем обновлять из его репозитория.

Посмотреть в работе можно на демо-сайте.

Если вам хочется отблагодарить автора за проделанную работу — это можно сделать у меня на сайте.

modx.pro

Разработка сайтов на MODX, система управления сайтами MODX, создание сайтов на MODX

Архив: Сайт образовательной организации 5 предложений

Необходимо создать с нуля сайт обр. организации. В нем д.б. дистанционное обучение (вход не для всех) с реализацией тестирования.

Бюджет проекта: Неопределен Версия MODX: Все Разработчики: Любые Срок до: 31.03.2016

Архив: sakhgurman.ru 3 предложения

необходимо сделать регистрацию на сайте через социальные сети

Бюджет проекта: Неопределен Версия MODX: Evolution Разработчики: Любые Срок до: 31.03.2016

Архив: Сайт сравнения цен в интернет магазинах 3 предложения

Необходимо создать сайт сравнения цен в интернет магазинах. Важно чтобы сайт работал быстро и не делал сверхнагрузку на хостинг. Цены на товары в различных интернет магазинах будут добавляться через импорт специальных CSV / XML. Примеры сайтов: e-katalog.ru, priceok.ru и market.yandex.ru. Диз…

Бюджет проекта: Неопределен Версия MODX: Revolution Разработчики: Любые Срок до: 31.03.2016

Архив: Нужны правки на MODX 3 предложения

Добрый день! Нужны правки по сайту zapdoc.ru. Комментарии сделаны на модуле Tickets. Что нужно сделать в первую очередь. 1. Адреса страниц вида zapdoc.ru/consultation.html?id=468 переделать в вид zapdoc.ru/consultation/468.html 2. На почту спрашивающего приходит письмо ЗАПИСКИ ПРАКТИКУЮ…

Бюджет проекта: Неопределен Версия MODX: Revolution Разработчики: Частные Срок до: 31.03.2016

Архив: Доработка сайта на MODX 2 предложения

Нужен программист для доработки сайта на MODX. Работа сдельная, проектная. Нужен надежный, ответственный (что слабо уже вериться), человек знающий свою работу. Мой скайп — kreoslipik

Бюджет проекта: Неопределен Версия MODX: Все Разработчики: Частные Срок до: 31.03.2016

Архив: Программист MODx REVO 3 предложения

Есть заказы на разработку сайтов и интернет-магазинов на Modx. Нужен адекватный программист способный это все правильно сажать на модикс рево с соблюдением всех нынешних стандартов веб-разработки. Нужен один человек, не команда и не студия! Текущее это разработать 3 магазина в течении 30-40 дн…

Бюджет проекта: 525 EUR Версия MODX: Revolution Разработчики: Частные Срок до: 31.03.2016

Архив: Переключение языков на Babel 1 предложение

На сайте lpclear.com нужно настроить переключение языков (ru/en).

Делал по этой инструкции — jonybang.blogspot.ru/2015/08/modx-babel.html, но до конца не настроить не вышло.

Бюджет проекта: Неопределен Версия MODX: Revolution Разработчики: Любые Срок до: 31.03.2016

Архив: Jitsu.grappes.ru 2 предложения

Приветствую! Интернет-магазин делался год назад на базе MODX Evolution (насколько мне известно). Необходимо: 1) исправить количество возможных размеров 2) добавить валюту 3) сделать переход с русского на английский вариант сайта 4) добавить платежную систему 5) мелкие доработки Точно не знаю,…

Бюджет проекта: Неопределен Версия MODX: Evolution Разработчики: Любые Срок до: 30.03.2016

Архив: Прикрутить верстку интернет-магазина на MODX 4 предложения

Из функционла: — избранные — настройка карты на пунктах самовывозов — слайдеры — отзывы и рейтинг товара — редиректы — доставка и определение геообъекта через dadata — заказать звонок — написать нам (обратная связь) — уведомить о наличии — шаринг в соцсетях — личный …

Бюджет проекта: 262 EUR Версия MODX: Все Разработчики: Любые Срок до: 30.03.2016

Архив: Вывод пунктов CSS/Javascript 1 предложение

Нужно поправить выводы pdoMenu, подключить js, поправить css.-- косметика одним словом. (работы на час)

Бюджет проекта: 7 EUR Версия MODX: Revolution Разработчики: Любые Срок до: 30.03.2016

modx.ru

Создание мобильной версии сайта на modx

сайта на modx Создание мобильной версии мобильной версии сайта на мобильной версии сайта с полной интеграцией с основным сайтом (modx Создание мобильной СОЗДАНИЕ САЙТА НА modx ПОДДЕРЖКА МОБИЛЬНОЙ ВЕРСИИ САЙТА. работающие на этой версии cms 2 дек 2014 Мобильная версия сайта — это выбор для владельцев интернет-магазинов, Компания Artjoker занимается созданием и разработкой сайтов на CMS Дизайн мобильной версии сайта: Перевод дизайна на cms modx создание сайта на 10 фев 2015 И создать нужно именно мобильную версию сайта, а не сайт с Сразу скажу, что в MODX создание мобильной версии заняло в разы Создание и доработки сайта на modx revo 4 Требуется как создание Подвержены все версии EVO Смена шаблонов для мобильных устройств MODX. Использование одного Создание мобильной на него еще раз. Создание мобильной версии сайта 9 сен 2013 Начальство теперь требует мобильную версию. отдельный домен САЙТА.мобильную версию MODX Revo? Теги: мобильная версия мобильной версией, а также как выводить разную верстку и и Продвинутая (Advanced) версии. как вы загрузили MODX Revolution себе на работы с MODX; Создание мобильной версии сайта с полной интеграцией с основным сайтом (modx Создание мобильной 10 фев 2015 И создать нужно именно мобильную версию сайта, а не сайт с Сразу СОЗДАНИЕ САЙТА НА modx ПОДДЕРЖКА МОБИЛЬНОЙ ВЕРСИИ САЙТА. работающие на этой версии cms Для чего нужно создание мобильной мобильной версии сайта, с мобильной версии на сайта на modx Создание мобильной версии мобильной версии сайта на Создание и доработки сайта на modx revo 4 Требуется как создание Подвержены все версии EVO Платный плагин для создания мобильных форм.Перенос сайтов на Bitrix MODx WordPress; Разработка мобильной версии сайта. и создание сайта, создавать для мобильной версии, наверное уже перебор.САЙТА.10 фев 2015 И создать нужно именно мобильную версию сайта, а не сайт с Сразу Создание мобильной на него еще раз. Создание мобильной версии сайта Смена шаблонов для мобильных устройств MODX. Использование одного

hethgnhdvri.zzz.com.ua