Преимущества - дополняет секцию с описанием товара. В основном в ней перечисляется несколько пунктов почему этот продукт лучше решений конкурентов.

Среди шаблонных секций вы можете выбрать уже готовую секцию ”Преимущества” и просто изменить ее под свои потребности. Подробнее о добавлении секций написано в инструкции ”Создание страницы”.

В этой инструкции мы создадим такую секцию с нуля описав возможности работы с некоторыми настройками и виджетами.

СОБИРАЕМ СЕКЦИЮ

1. За образец возьмем такой дизайн, но не будем следовать ему слепо. Для быстрого создания аналогичного дизайна будем использовать ”Секцию с блоками”.

2. Чтобы пустая секция с блоками насчитывала пять блоков и они располагались в ряд, необходимо выполнить следующие действия:

  • Добавим один из вариантов ”Секции с блоками”;
  • Добавим еще два блока;
  • Настроить количество блоков выводящихся в одном ряду можно в настройках самой ”Секции с блоками”.

3. Теперь нужно добавить к блокам фоновые цвет и заполнить их виджетами, а лишние виджеты удалить.

4. Добавим в секцию виджеты ”Текст”, ”Колонки”, чтобы сформировать скелет страницы:

5. Добавим на страницу контент, а окончательный дизайн настроим в самом конце.

6. Добавим виджет ”До и после”. Он показывает две картинки в одной плоскости, а с помощью ползунка по середине позволяет увидеть какой-то предмет до выполнения с ним каких-либо работ и после выполнения.

7. Добавим виджет ”Нумерация блоков”. При добавлении в секцию с блоками автоматически показывает соответствующий номер блока.

Заметка: виджет ”Номер блока” по умолчанию работает только в блоках добавлены по нажатию кнопки ”Добавить блок”, если же блочная структура была создана с использованием виджета ”Колонки”, то изменить цифры нумерации можно написав соответствующий номер вручную. В настройках виджета нужно открыть исходный код и на вкладке ”HTML” написать цифры во второй строке, удалив предыдущее содержимое строки.

8. Доведем дизайн страницы до финального состояния.

9. Чтобы посетитель страницы мог видеть новую секцию, нужно повторно опубликовать страницу.


Ссылки на пример страницы в редакторе и на опубликованный вариант.

Вы нашли ответ?