Зазначу, при установці модуля eshopapp потрібно вибрати інфоблок, який буде використовуватися в мобільному додатку як каталог товарів.
![1С-бітрікс розробникам - мобільний додаток - перші кроки (додаток) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-0429c47b.png)
Увійшовши, бачимо демонстраційний інтернет-магазин:
![1С-бітрікс розробникам - мобільний додаток - перші кроки (додаток) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-bcdbb352.png)
![1С-бітрікс розробникам - мобільний додаток - перші кроки (додаток) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-93eeb14a.png)
- Відкриваю на редагування сторінки в браузері
![1С-бітрікс розробникам - мобільний додаток - перші кроки (додаток) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-714dbc41.png)
![1С-бітрікс розробникам - мобільний додаток - перші кроки (додаток) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-3264b96e.png)
![1С-бітрікс розробникам - мобільний додаток - перші кроки (AppStore Google Play) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-a898430a.png)
Приклад 2. Відредагуємо параметри компонентів, підключених на сторінках для програми.
Окрив сторінки папки eshop_app в режимі правки в звичайному браузері, бачимо, що підключаються компоненти, як модуля catalog, так і модуля eshop_app.
![1С-бітрікс розробникам - мобільний додаток - перші кроки (AppStore Google Play) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-bc02fd46.png)
Параметри компонентів можна редагувати звичайним чином, а також кастомизировать шаблони і самі компоненти. Всі зміни, зроблені через браузер, перегляньте в додатку без додаткових дій.
![1С-бітрікс розробникам - мобільний додаток - перші кроки (додаток) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-f89bcadb.png)
![1С-бітрікс розробникам - мобільний додаток - перші кроки (додаток) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-19621787.png)
![1С-бітрікс розробникам - мобільний додаток - перші кроки (AppStore Google Play) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-848ea2f3.png)
![1С-бітрікс розробникам - мобільний додаток - перші кроки (AppStore Google Play) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-0e9be004.png)
Будемо робити це через файлову структуру, модифікуючи сторінки в папці eshop_app.
![1С-бітрікс розробникам - мобільний додаток - перші кроки (AppStore Google Play) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-915aef4f.png)
- Відкриваю файл /eshop_app/index.php і копіюю блок з підключенням компонента bitrix: eshopapp.top
- Вставляю код в /eshop_app/catalog/index.php
- отримую:
![1С-бітрікс розробникам - мобільний додаток - перші кроки (AppStore Google Play) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-a005bf69.png)
![1С-бітрікс розробникам - мобільний додаток - перші кроки (додаток) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-e49c73d7.png)
Такими способами можна швидко і легко поміняти багато в сторінках додатка.
На цьому я думаю можна закінчувати з прикладами, ми переконалися, що розробка під мобільну платформу нескладна. Звичайно, вам доведеться вивчати API, експериментувати з викликом нативних елементів і обробкою різних подій, але найголовніше - все для вас звично і не складно.
Про випуск свого застосування
Після того, як ви "налаштуєте" папку для додатка потрібне вам чином, змініть шаблон, напишіть компоненти і тд, вам потрібно звернутися до нас для компіляції і вивантаження вашого застосування в AppStore і Google Play. Приклад вже готового додатка можете подивитися в AppStore і Google Play.
Про нативних елементах
Нативні елементи в демонстраційному прикладі програми - це верхня червона панелька з кнопками і фон, які зашиті в додатку.
![1С-бітрікс розробникам - мобільний додаток - перші кроки (додаток) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-bcdbb352.png)
Все інше виглядає на комп'ютері точно так же, як і в додатку.
![1С-бітрікс розробникам - мобільний додаток - перші кроки (додаток) 1С-бітрікс розробникам - мобільний додаток - перші кроки](https://images-on-off.com/images/151/1sbitriksrazrabotchikammobilnoeprilozhen-93eeb14a.png)
Дизайн цих елементів не може бути модифікований способами, описаними вище. Щоб ваше додаток набуло "своє обличчя", вам потрібно відправити дизайн цих елементів у вигляді графічних файлів з потрібними дозволами і розширеннями разом з іншими даними до нас в Бітрікс.
Наше додаток магазину, що входить в Управління сайтом 12.5, послужить для вас хорошою демонстрацією і основою. Змінивши дизайн, видаливши непотрібні сторінки, додавши необхідні функції, ви зможете швидко випустити свій додаток.
Читайте статті по API і мобільного розробці, задавайте питання, експериментуйте і, звичайно, випускайте додатки для ваших магазинів.
8-800-250-1860 Контакти Карта сайту