Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

Оглавление

...

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"

...

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


Color Ratio in OT Box and in

...

Mobile Application
Fields names in applicationFields names in OT Box
Auxiliary colorDesign. Color 1
Background colorBackground color
Primary ColorDesign. Color 2
Text colorText color

Text color on background of primary color

 

 

Colors in the application will application will be marked with bright blue blue for clarity.

Auxiliary colorBackground colorPrimary Color
Buttons first color, bottom menuApplication pages backgroundButtons 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.

В выпадающем списке выбираем показать или скрыть

Image Removed

Select to show or hide in drop-down menu

Image Added

Click "Save" buttonНажимаем кнопку «Сохранить»

Баннеры

В разделе плагинов кликаем по плагину «Демонстрация MetaUI»

Image Removed

В списке доступных изменений ищем пункт «Настройки баннеров»

Image Removed

Кликаем по нему мышкой и нажимаем кнопку «Открыть»

Image Removed

Здесь есть список всех баннеров, которые были установлены для мобильного приложения. Чтобы добавить баннер, нажимаем кнопку «Добавить».

Image Removed

Справа от названий баннеров появится форма, которую необходимо заполнить.

Image Removed

Banners

Select "Demonstration MetaUI" plugin in Plugins list

Image Added

Select "Banners settings" in the list of available changes

Image Added

Select it and click "Open" button

Image Added

Here is a list of all the banners that have been installed for the mobile application. Click "Add" to add a banner

Image Added

To the right of the banner names there will be a form that must be filled in.

Image Added

Add banner name. Click default name Добавляем название баннера. Кликаем по названию по умолчанию (banner)

Пишем

названиеWrite title

Нажимаем кнопку «Сохранить»

Click "Save" button

Загружаем изображение (сам баннер). Нажимаем кнопку «Выбрать файл» и выбираем файл на вашем компьютере.

Image Removed

Нажимаем кнопку «Сохранить»

Image Removed

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

Баннер со ссылкой

Image Removed

В списке «Действия» выбираем ссылку, нажимаем «Сохранить»

Image Removed

В поле «Параметр действия» вставляем ссылку 

Image Removed

Нажимаем «Сохранить»

Image Removed

Баннер с категорией

В списке «Действия» выбираем «Категория» и нажимаем «Сохранить»

Image Removed

В поле «Параметр действия» пишем id категории. Чтобы получить id открываем категорию на вашем сайте и смотрим ссылку. Копируем otc-8929 (у вас будет свой id)

Image Removed

Вставляем скопированный id  в поле «Параметр действия» и нажимаем «Сохранить»

Image Removed

 

Самое главное действие: выбираем где будет показ баннера. Из списка справа кликаем по «Мобильное приложение»

Image Removed

Нажимаем кнопку «Добавить»

Image Removed

Нажимаем кнопку «Сохранить» и баннер появится в вашем мобильном приложении

Image Removed

 

Подборки

В разделе плагинов кликаем по плагину «Демонстрация MetaUI»

Image Removed

В списке доступных изменений ищем пункт «Настройки подборок»

Image Removed

Кликаем по нему мышкой и нажимаем кнопку «Открыть»

Image Removed

Выбираем вкладку «Мобильное приложение»

Image Removed

Добавить

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

Image Removed

Нажимаем на кнопку «Добавить»

Image Removed

Нажимаем на кнопку «Сохранить»

Image Removed

Поменять местами

Если есть необходимость поменять местами подборки, наводим мышку на крест со стрелочками слева от названия подборки

Image Removed

Зажимаем мышку и перетаскиваем подборку куда необходимо

Image Removed

Нажимаем на кнопку «Сохранить»

Image Removed

Удалить

Нажимаем на крестик справа от названия подборки

Image Removed

Подборка не удаляется, а перемещается в список справа, поэтому, при желании, ее можно будет вернуть на главную страницу

Настройка подборок

Ниже на странице все подборки собраны в общую форму и каждой из ни можно задать 2 параметра:

  1. количество товаров в подборке
  2. включить или выключить случайный поиск

Image Removed

Рекомендуется оставить без изменений. Однако если изменения необходимы, то выбираем кликом мышки подборку, которую надо изменить.

Image Removed

Задаем количество элементов от 1 до 100 (чем меньше тем быстрее грузится главная страница, однако меньше 4-6 шт лучше не ставить.

Image Removed

Нажимаем кнопку «Сохранить»

Image Removed

Выбираем включить или выключить случайный поиск

Image Removed

Download picture (banner). Click "Select file" and select file on your computer

Image Added

Click "Save" button

Image Added


Now we decide where the banner will lead. You can set a link that will direct customer to your site or specify catalog category. Consider both options in order.

Banner with a link

Image Added

Select URL in "Actions" list and click "Save" 

Image Added

Insert URL into "Action parameter" field 

Image Added

Click "Save"

Image Added

Banner with category

Select "Category" in "Actions" list and click "Save"

Image Added

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)

Image Added

Paste id into "Parameter" field and click "Save"

Image Added

The most important action: select where to show the banner. Click "Mobile application" in the list on the right

 

Image Added

Click "Add" button

Image Added

Click "Save" button and banner will appear in your mobile app

Image Added

 

Collections

Click "Demonstration MetaUI" plugin in Plugins list

Image Added

Find "Collections settings" in the list of available changes

Image Added

Select it and click "Open" button

Image Added

Select "Mobile application" tab

Image Added

Add

There are collections by default. Select collections from the list on the right if you need others

Image Added

Click "Add" button

Image Added

Click "Save" button

Image Added

Swap

Point the mouse to the cross with arrows to the left of collection name if there is a need to swap the collections

Image Added

Press the mouse and drag the collection where necessary

Image Added

Click "Save" button

Image Added

Delete

Click the cross to the right of the collection name

Image Added

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:

  1. number of items in collection
  2. enable or disable random search

Image Added

It is recommended to keep unchanged. However, you can click collection you want to change if changes are necessary .

Image Added

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.

Image Added

Click "Save" button

Image Added

Choose to turn on or off random search

Image Added

Click "Save" buttonНажимаем кнопку «Сохранить»