July 5, 2022

Как сделать меню со своей иконкой из ZeroBlock

Код нам нужен будет с этого сайта: https://mo-ti.ru/zeromenupopup

1. Сначала создаем меню из стандартного блока ME403

2. В настройках блока ставим ширину 100vw

3. Создаем ZeroBlock, который будет и нашим открывающимся меню.

4. Ставим ему window container height на 100%

5. Дизайним в нем меню, которое нам нужно и обязательно его адаптируем

6. Добавили на страницу блок T123

7. Скопировали код со страницы https://mo-ti.ru/zeromenupopup

8. Вставили его в блок T123. Нажали «Сохранить и закрыть»

9. Копируем ID ZeroBlock (#rec*цифры*)

10. И вставляем этот ID вместо выделенного в коде. Нажали «Сохранить и закрыть»

11. Опубликовали сайт – видим такую картину – иконка из кода и непонятная тень

Исправляем это!

12. Чтобы убрать тень, нужно в настройках стандартного блока, который мы создали (ME403) поставить «непрозрачность фона гамбургер» на 0%

13. Также обязательно проверьте, чтобы стиль был выбран «стиль 1» И можете настроить отступы сверху/справа и слева

14. Для того, чтобы загрузить свою иконку, нужно ее создать в формате SVG.

15. Затем добавляем блок IM01

16. Загружаем в него нашу иконку через контент

17. Нажимаем правой кнопкой мыши и копируем адрес изображения

18. Вставляем эту ссылку в код в блоке Т123 вместо выделенной ссылки

19. Скрываем блок с изображением

20. Публикуем сайт! Готово!