Давайте скопируем из кода страницы тег img со всеми его атрибутами и путем к файлу изображения.

Для этого нажмем нажмем на три точки в начале строки кода с этим тегом и выберем пункт “Edit as HTML”. Появится поле для редактирования кода и в нем мы выделим весь тег и скопируем его в буфер обмена.

Теперь мы пойдем в Action, которая формирует строку таблицы и в поле Text, перед названием сорта шлюмбергеры, мы вставим из буфера обмена, то что ранее скопировали.

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

Давайте исправим это - вставим тег <br>, созающий разрыв строки между изображением и назаванием сорта шлюмбергеры.

Посмотрим на получившийся результат.

Как мы только что убедились, мы можем вставлять в поле Text не только собственно текст, но и HTML код.

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

Итак, надеюсь у вас всё получилось. Я тоже встроила изображение и во вторую строку таблицы, и у меня получился вот такой результат.

Теперь, мы можем посмотреть: что будет, если мы таблицу преобразуем в Action group.

Для этого в элементе “Галерея сортов” изменим параметр Section Style. Сгенерируем сайт и увидим результат: в левой части контент панели у нас расположились кнопки переключения между сортами, мы можем переключаться между ними нажимая на фотографию. Правее мы видим кнопки переключения между разделами описания.

Посмотреть получившийся результат мы можем по ссылке.

Выбор того или иного стиля секций страницы зависит от дизайнерской фантазии и чувства прекрасного создателя сайта. С моей точки зрения выбирать стиль секций страницы нужно исходя из того, насколько удобно посетителю сайта будет их просматривать и осуществлять переходы между ними.

В любом случае, Nasdanika Vinci позволяет нам быстро перенастраивать стиль секций и выбирать тот вариант, который соответствует нашим потребностям.

Уверяю вас, чтобы переписать весь код страницы и внести те изменения, которые мы сделали в ходе этого урока, требуется очень много времени и знание языка разметки HTML.