1С-бітрікс розробникам - мобільний додаток - перші кроки

Зазначу, при установці модуля eshopapp потрібно вибрати інфоблок, який буде використовуватися в мобільному додатку як каталог товарів.

1С-бітрікс розробникам - мобільний додаток - перші кроки

Увійшовши, бачимо демонстраційний інтернет-магазин:

1С-бітрікс розробникам - мобільний додаток - перші кроки

1С-бітрікс розробникам - мобільний додаток - перші кроки

Приклад 1. Зробимо, щоб внизу головної сторінки додатка з'явився текст "Для всіх клієнтів, які зробили замовлення з програми, діє знижка 5%".
  1. Відкриваю на редагування сторінки в браузері
1С-бітрікс розробникам - мобільний додаток - перші кроки
  • Додаю текст і зберігаю

    1С-бітрікс розробникам - мобільний додаток - перші кроки
  • Оновлюю інформацію в додатку, використовуючи "Потягніть, щоб оновити"

    1С-бітрікс розробникам - мобільний додаток - перші кроки

  • Природно, текст можна зробити цікавим, застосувавши різні стилі і тд.

    Приклад 2. Відредагуємо параметри компонентів, підключених на сторінках для програми.
    Окрив сторінки папки eshop_app в режимі правки в звичайному браузері, бачимо, що підключаються компоненти, як модуля catalog, так і модуля eshop_app.

    1С-бітрікс розробникам - мобільний додаток - перші кроки

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

    1С-бітрікс розробникам - мобільний додаток - перші кроки
  • Знаходжу розділ "Ціни" і прибираю висновок ціни, зберігаю

    1С-бітрікс розробникам - мобільний додаток - перші кроки
  • Ціна вже не виводиться ні в списку, відкритому в браузері, ні в додатку

    1С-бітрікс розробникам - мобільний додаток - перші кроки
    1С-бітрікс розробникам - мобільний додаток - перші кроки

  • Приклад3. Додамо на сторінку списку товарів тoп елементів каталогу, як на головній сторінці.
    Будемо робити це через файлову структуру, модифікуючи сторінки в папці eshop_app.
    1С-бітрікс розробникам - мобільний додаток - перші кроки

    1. Відкриваю файл /eshop_app/index.php і копіюю блок з підключенням компонента bitrix: eshopapp.top
    2. Вставляю код в /eshop_app/catalog/index.php
    3. отримую:

    1С-бітрікс розробникам - мобільний додаток - перші кроки

    1С-бітрікс розробникам - мобільний додаток - перші кроки

    Такими способами можна швидко і легко поміняти багато в сторінках додатка.

    На цьому я думаю можна закінчувати з прикладами, ми переконалися, що розробка під мобільну платформу нескладна. Звичайно, вам доведеться вивчати API, експериментувати з викликом нативних елементів і обробкою різних подій, але найголовніше - все для вас звично і не складно.

    Про випуск свого застосування

    Після того, як ви "налаштуєте" папку для додатка потрібне вам чином, змініть шаблон, напишіть компоненти і тд, вам потрібно звернутися до нас для компіляції і вивантаження вашого застосування в AppStore і Google Play. Приклад вже готового додатка можете подивитися в AppStore і Google Play.

    Про нативних елементах

    Нативні елементи в демонстраційному прикладі програми - це верхня червона панелька з кнопками і фон, які зашиті в додатку.

    1С-бітрікс розробникам - мобільний додаток - перші кроки

    Все інше виглядає на комп'ютері точно так же, як і в додатку.

    1С-бітрікс розробникам - мобільний додаток - перші кроки

    Дизайн цих елементів не може бути модифікований способами, описаними вище. Щоб ваше додаток набуло "своє обличчя", вам потрібно відправити дизайн цих елементів у вигляді графічних файлів з потрібними дозволами і розширеннями разом з іншими даними до нас в Бітрікс.

    Наше додаток магазину, що входить в Управління сайтом 12.5, послужить для вас хорошою демонстрацією і основою. Змінивши дизайн, видаливши непотрібні сторінки, додавши необхідні функції, ви зможете швидко випустити свій додаток.

    Читайте статті по API і мобільного розробці, задавайте питання, експериментуйте і, звичайно, випускайте додатки для ваших магазинів.

    8-800-250-1860 Контакти Карта сайту
    Дизайн сайту -

    Схожі статті