Создание секции с преимуществами с нуля

 

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

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

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

Собираем секцию

 

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

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

  • Добавим один из вариантов "Секции с блоками";

 

  • Добавим еще два блока

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

Работает на Creatium