Добавим блок с иконками преимуществ.
В административной панели перейдите в Меню функций, выберите раздел «Главная» и вкладку «Блоки раздела». Нажмите кнопку «Добавить».
s/w800/chart_(72)_1684416889_2bqz7pq3.jpeg)
Заполните поля в Форме добавления. В поле «Идентификатор модуля» выберите блок «Преимущества». Укажите название блока и сохраните.
s/w800/chart_(73)_1684416976_ozrmeejy.jpeg)
Перейдите на вкладку «Контент». Выберите блок «Наши преимущества» и нажмите кнопку «Добавить».
s/w800/chart_(74)_1684417069_fabpl572.jpeg)
В Форме добавления введите название и описание иконки. Чтобы добавить изображение, в поле «svg-иконка» вставьте код иконки.
s/w800/chart_(75)_1684417134_yqei0nt6.jpeg)
Идеальное количество иконок — от 3 до 5. Так выглядит блок с 4 иконками:
s/w800/chart_(76)_1684417236_rd5if5y0.jpeg)
Редактирование иконок из визуального редактора
Включите режим редактирования на странице и наведите курсор на иконку:
s/w800/chart_(77)_1684417306_q5ifu6sp.jpeg)
- пиктограмма карандаша откроет Форму редактирования.
- пиктограмма крестика удалит элемент.
Где найти код для svg-иконок
Чтобы преобразовать svg-иконку в код, перейдите на сайт https://editsvgcode.com/. Нажмите кнопку Upload и загрузите svg-иконку.
s/w800/chart_(78)_1684417437_s1mk8drh.jpeg)
Скопируйте получившийся код (Ctrl+A — Ctrl+C) и вставьте в поле для svg-иконки (Ctrl + V). Сохраните.
s/w800/chart_(79)_1684417493_xur7tvab.jpeg)