Оглавление |
---|
...
Setting up Mobile Application via with the plugin "MetaUI Demo Plugin "
Информация |
---|
You can buy Mobile Application at https://box.otcommerce.com/prices-and-promo or through via OT managers in your skype chat |
...
Detailed steps are described in Google instructions: https://support.google.com/googleplay/android-developer/answer/9859152?hl=ru
Where to
...
configure application
Open admin panel and click "Plugins"
...
Go to "Download/Update" tab and install the plugin if you don't have it in the list
Contact Support technical support or your manager in Skype chat if downloads list does not include this plugin is not in the Downloads list either either.
Application design: logo and colors
...
Take the same logo that you use in your OT Box based website and save it to your computer (skip this step if you've already have saved the logo).
Click "Select file"
...
Go to "Configuration → Website configuration → design configuration → design theme"
From here we will need the colors that we will record to configure the mobile application.
Click design color and write RGB digits (use another color system if you have a brand book and use a different color system)
The ratio of colors
...
Fields names in application | Fields names in OT Box |
---|---|
Auxiliary color | Design. Color 1 |
Background color | Background color |
Primary Color | Design. Color 2 |
Text color | Text color |
Text color on background of primary color |
Colors in the application will application will be marked with bright blue blue for clarity.
Auxiliary color | Background color | Primary Color |
---|---|---|
Buttons first color, bottom menu | Application pages background | Buttons second color |
...
Click "Save" button
Showcase
Showcase settings help Configuring showcase helps to show or hide certain product parameters, such as reviews or a link to the original.Click "Demonstration MetaUI" plugin in plugins section
Select "Showcase settings" in the list of available changes
...
Click setting under the name to hide or show. Drop-down list will open.
В выпадающем списке выбираем показать или скрыть
Select to show or hide in drop-down menu
Click "Save" buttonНажимаем кнопку «Сохранить»
Баннеры
В разделе плагинов кликаем по плагину «Демонстрация MetaUI»
В списке доступных изменений ищем пункт «Настройки баннеров»
Кликаем по нему мышкой и нажимаем кнопку «Открыть»
Здесь есть список всех баннеров, которые были установлены для мобильного приложения. Чтобы добавить баннер, нажимаем кнопку «Добавить».
Справа от названий баннеров появится форма, которую необходимо заполнить.
Banners
Select "Demonstration MetaUI" plugin in Plugins list
Select "Banners settings" in the list of available changes
Select it and click "Open" button
Here is a list of all the banners that have been installed for the mobile application. Click "Add" to add a banner
To the right of the banner names there will be a form that must be filled in.
Add banner name. Click default name Добавляем название баннера. Кликаем по названию по умолчанию (banner)
Пишем
названиеWrite title
Нажимаем кнопку «Сохранить»
Click "Save" button
Загружаем изображение (сам баннер). Нажимаем кнопку «Выбрать файл» и выбираем файл на вашем компьютере.
Нажимаем кнопку «Сохранить»
Теперь решаем куда будет вести баннер. Можно задать ссылку, которая направит покупателя на ваш сайт или указать категорию в каталоге. Рассмотрим оба варианта по порядку.
Баннер со ссылкой
В списке «Действия» выбираем ссылку, нажимаем «Сохранить»
В поле «Параметр действия» вставляем ссылку
Нажимаем «Сохранить»
Баннер с категорией
В списке «Действия» выбираем «Категория» и нажимаем «Сохранить»
В поле «Параметр действия» пишем id категории. Чтобы получить id открываем категорию на вашем сайте и смотрим ссылку. Копируем otc-8929 (у вас будет свой id)
Вставляем скопированный id в поле «Параметр действия» и нажимаем «Сохранить»
Самое главное действие: выбираем где будет показ баннера. Из списка справа кликаем по «Мобильное приложение»
Нажимаем кнопку «Добавить»
Нажимаем кнопку «Сохранить» и баннер появится в вашем мобильном приложении
Подборки
В разделе плагинов кликаем по плагину «Демонстрация MetaUI»
В списке доступных изменений ищем пункт «Настройки подборок»
Кликаем по нему мышкой и нажимаем кнопку «Открыть»
Выбираем вкладку «Мобильное приложение»
Добавить
По умолчанию уже стоят подборки. Если необходимы другие, в списке справа выбираем подборки
Нажимаем на кнопку «Добавить»
Нажимаем на кнопку «Сохранить»
Поменять местами
Если есть необходимость поменять местами подборки, наводим мышку на крест со стрелочками слева от названия подборки
Зажимаем мышку и перетаскиваем подборку куда необходимо
Нажимаем на кнопку «Сохранить»
Удалить
Нажимаем на крестик справа от названия подборки
Подборка не удаляется, а перемещается в список справа, поэтому, при желании, ее можно будет вернуть на главную страницу
Настройка подборок
Ниже на странице все подборки собраны в общую форму и каждой из ни можно задать 2 параметра:
- количество товаров в подборке
- включить или выключить случайный поиск
Рекомендуется оставить без изменений. Однако если изменения необходимы, то выбираем кликом мышки подборку, которую надо изменить.
Задаем количество элементов от 1 до 100 (чем меньше тем быстрее грузится главная страница, однако меньше 4-6 шт лучше не ставить.
Нажимаем кнопку «Сохранить»
Выбираем включить или выключить случайный поиск
Download picture (banner). Click "Select file" and select file on your computer
Click "Save" button
Banner with a link
Select URL in "Actions" list and click "Save"
Insert URL into "Action parameter" field
Click "Save"
Banner with category
Select "Category" in "Actions" list and click "Save"
Write id category into "Parameter" field. Open category on your site and view link to get id. Copy otc-8929 (you will have your id)
Paste id into "Parameter" field and click "Save"
The most important action: select where to show the banner. Click "Mobile application" in the list on the right
Click "Add" button
Click "Save" button and banner will appear in your mobile app
Collections
Click "Demonstration MetaUI" plugin in Plugins list
Find "Collections settings" in the list of available changes
Select it and click "Open" button
Select "Mobile application" tab
Add
There are collections by default. Select collections from the list on the right if you need others
Click "Add" button
Click "Save" button
Swap
Point the mouse to the cross with arrows to the left of collection name if there is a need to swap the collections
Press the mouse and drag the collection where necessary
Click "Save" button
Delete
Click the cross to the right of the collection name
Collection is not deleted, but moved to the list on the right, so if you want, you can return it to the main page
Collections configuration
Below on the page, all collections are collected in a common form and each of them can be set with 2 parameters:
- number of items in collection
- enable or disable random search
It is recommended to keep unchanged. However, you can click collection you want to change if changes are necessary .
Set the number of elements from 1 to 100 (the smaller the faster the loading of the home page, but less than 4-6 pcs it is better not to put.
Click "Save" button
Choose to turn on or off random search
Click "Save" buttonНажимаем кнопку «Сохранить»