Создаем основные настройки приложения в конструкторе и в шаблоне приложения. Рассматриваем работу с основными объектами и функциями работы .app ядра мобильного приложения в рамках Битрикс.
Внимание: 1С-Битрикс больше не распостраняет и не поддерживает модуль "Мобильное приложение". Что бы сделать мобильное приложение для сайта используйте Apache Cordova.
Видеоурок, приложение на Apache Cordova
Некоторые параметры и настройки.
Штатные иконки:
plus - иконка добавления;
user - иконка пользователей;
back - иконка в виде стрелочки;
refresh - иконка обновления;
context-menu - иконка контекстного меню;
basket - иконка корзины;
menu - иконка меню;
edit - иконка для редактирования
Поблагодарить и поддержать!
Поддержать выпуски видео уроков, поблагодарить за полезную инструкцию или заметку можно через:
ЮманейВсе серии
- Серия 1: Вступление
- Серия 2: Установка 1С-Битрикс на виртуальную машину
- Серия 3: Базовый обзор по системе управления, удаление демонстрационных данных
- Серия 4: Дизайн#1- анализ аудитории, проектирование и тех. задание
- Серия 5: Дизайн#2- работа со шрифтами, работа с типографикой
- Серия 6: Дизайн#3- работа с цветом, теория подбора цветов
- Серия 7: Дизайн#4- композиция в веб дизайне
- Серия 8: Дизайн#5- программы для дизайнера, оптимизация работы при проработке макетов
- Серия 9: Создание инфоблоков и каталога товаров
- Серия 10: Добавление проекта в phpstorm, верстка основного скелета сайта
- Серия 11: Создание структуры сайта, работа с типами меню
- Серия 12: Вывод динамичной информации с помощью компонентов
- Серия 13: Базовый вывод каталога товаров и добавление сайта в поисковые системы
- Серия 14: Функционал главной страницы, включаемые области и реклама
- Серия 15: Создание и работа с торговыми предложениями в Битрикс
- Серия 16: Выгрузка товаров из 1С-УТ в Битрикс
- Серия 17: Подготовка шаблона каталога к верстке
- Серия 18: Реализация персонального раздела пользователя
- Серия 19: Добавление в корзину, избранное и сравнение на AJAX.
- Серия 20: Обзор по реализованному функционалу и реализация поиска по каталогу
- Серия 21: Умный фильтр и ответы на вопросы
- Серия 22: Разработка мобильного приложения для магазина- Вступление
- Серия 23: Создание основных настроек и скелета приложения
- Серия 24: Создание структуры приложения и вывод компонентов
- Серия 25: Отправка мобильного приложения на компиляцию и публикацию в магазинах
- Серия 26: Развитие сайта и мобильного приложения
Комментарии к видео
Михаил, приветствую! Спасибо огромное за видео, очень сильно помогаете, есть вопрос...панель меню у меня не русским шрифтом а иероглифами, не могу разобрать почему, я даже скачал ваши документы под видео и вставил в свое приложение, все по пунктам разбилось как у вас, но ШРИФТ, уже не знаю что с ним делать(( подскажите как исправить эту ошибку со шрифтом....
В том числе, в редакторе которым пользуетесь
Дмитрий, с title разобрался, а вот с цветом заголовка не могу(((. он как был красный так и остался(.
И ещё вопросик: У нас сайт адаптирован под телефоны, планшеты ..., и вот тут вопрос- при создании приложения можно ли как то это учесть (грубо говоря) эту адаптацию внедрить в приложение?
Почему-то на редакции Бизнес в структуре нет модуля eshop_app - Мобильное приложение. Есть только Мобильная платформа. У вас я вижу эта папка есть. Её убрали теперь, или нужно откуда скачивать самому, подскажите.
Почему-то на редакции Бизнес в структуре нет модуля eshop_app - Мобильное приложение. Есть только Мобильная платформа. У вас я вижу эта папка есть. Её убрали теперь, или нужно откуда скачивать самому, подскажите.
Пытаюсь вывести BXMobileApp.UI.Page.TopBar.title.setText и setDetailText плюс иконку но не выводится(((. И ещё понять не могу. В админке сайта тему поставил Оранжевую а она так и не меняется постоянная красная. Что делаю не так?
<? require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/header.php");?>
<script type="text/javascript">
BXMobileApp.UI.Page.TopBar.title.setText('МЕЧТА - интернет магазин');
BXMobileApp.UI.Page.TopBar.title.setDetailText('Воплоти свою МЕЧТУ в реальность!');
</script>
<? require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/footer.php"); ?>
BXMobileApp.UI.Page.TopBar.title.setText('Title Text Test Navigation');
BXMobileApp.UI.Page.TopBar.title.show();
BXMobileApp.UI.Page.TopBar.title.setDetailText('Detail Text');
не фот тул бара, не иконки что дозаливаю...
прочет так же и комменты ваши с правами на доступ
[TABLE][TR][TD][TABLE][TR][TD]