Интерактивные сценарии

Функционал кнопок назад и вперед для webframe

Добавьте в Interface Editor кнопки для перехода назад и вперёд внутри слоя Web Frame.


Настройка сценария

Используйте действия Web Frame, если пользователю нужно перемещаться по истории страниц внутри интерактивного шаблона.

  1. Создайте компонент Interface Editor со слоем Web Frame.
  2. Укажите в Web Frame страницу, которую нужно открыть.
  3. За пределами Web Frame добавьте слой медиагалереи и оформите его как кнопку.
  4. Для кнопки задайте событие При клике.
  5. Выберите действие Web Frame, укажите нужный контейнер и команду Назад или Вперёд.
  6. Повторите настройку для второй кнопки.

3. Создаем слой медиагалерея, который будет выполнять функцию кнопки назад/вперед, за пределами слоя webframe

Запустите локальный просмотр и проверьте, что кнопки меняют только страницу внутри выбранного Web Frame, не переключая сцену целиком.

Создание шаблона со сценарием Pop up

В статье раскрыта тема «Создание шаблона со сценарием Pop up».


Настройка сценария

Для создания шаблона со следующим сценарием: проигрывание основного контента, при появлении лица перед камерой начинается проигрывание другой группы контента с всплывающим Pop up. При удалении лица из обзора камеры проигрывание контента возвращается на стартовый компонент.

Настройка сценария

Шаги по созданию шаблона:

1. Добавить компонент Interface editor (2 штуки)

2. Добавить контроллер Face

3. Настроить стартовый компонент - переход на контроллер "Face", добавить медиагалерею и настроить место размещения контента

3. Настроить стартовый компонент - переход на контроллер "Face", добавить медиагалерею и настроить место размещения контента

4. Настроить механику перехода на компонент с поп-апом: добавить событие в контроллер Face и заполнить необходимые параметры (пол/возраст). Также добавить переход на второй компонент Interface Editor

3. Настроить стартовый компонент - переход на контроллер "Face", добавить медиагалерею и настроить место размещения контента

5. Для того чтобы появилась возможность добавления виджета "Персональные предложения", необходимо в настройках Designer Адвантедж включить параметр «Специальные и бета возможности». Для этого перейти в раздел Правка – Настройки – Общие, в появившемся окне активировать «Специальные и бета возможности»:

3. Настроить стартовый компонент - переход на контроллер "Face", добавить медиагалерею и настроить место размещения контента

6. Добавить слой «Персональные предложения» в компонент Interface Editor. Разместить его на сцене;

Задайте параметры:

Задайте параметры

Также настройте слой Media Gallery с проигрыванием контента по умолчанию:

Также настройте слой Media Gallery с проигрыванием контента по умолчанию

7. Настроить возврат на стартовый компонент.

После внесения всех настроек сохраните и загрузите шаблон на платформу.