Для того, чтобы создать Action Group мы должны создать Action с ролью Section, а в родительском элементе этой Action установить стиль секции Action Group.

Давайте для примера немного поменяем наш раздел “Шлюмбергера”.

Наша задача: сократить количество переходов между страницами и создать более компактное представление информации.

Сейчас элемент модели “Описание” имеет контекстную роль и открывается в отдельной странице. В то же время, у нас есть куча места на странице раздела “Шлюмбергера”, которое никак не используется.

1. В Элементе модели “Шлюмбергера” установим Section style = default для того чтобы все его дочерние элементы с ролью Section формировались в виде параграфов.
2. Элементу модели Описание присвоим роль = Section. Это нужно для того, чтобы этот элемент модели стал частью страницы “Шлюмбергера”.
3. В разделе Условия выращивания у нас текст разбит на небольшие абзацы, которые как раз подходят для того, чтобы создать элементы со стилем Action Grope. Поэтому мы создадим дочерние Action к разделу Условия выращивания.
4. Создаём новую Action, присваиваем ей роль Section. Название Action и текст можно скопировать прямо со сгенерированной ранее страницы, чтобы не переключаться лишний раз между элементами модели.
   Таким образом, мы создаем пять дочерних элементов, сохраняемся и генерируем сайт заново.

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

Теперь посетителю страницы не надо прокручивасть страницу вниз, и он сразу видит: какую информацию он может получить нажимая на ту или иную кнопку.

Оценить результат можно переключившись на вкладку “Условия выращивания”.