Страница услуг
Aleksey Petrenko
Опубликовано:
Создаем страницу или запись на которой размещаем нужные вам Gutenberg блоки
01 :: Оглавление
Для вставки используем обычный маркированный список c классом toc.
П.С. Иконки проставляются автоматически и менять их нельзя.
Для элементов списка добавляем ссылки на разделы страницы:
А у самих разделом добавляем якоря:
02 :: Блок CTA для вызова модальных окон
Для вставки на страницу используем Gutenberg блок Three modal buttons.
П.С. Данный блок можно вставлять несколько раз на странице!
Кроме того необходимо вывести блок Three modal. В этом блоке хранятся модальные окна с формами обратной связи. Данный блок можно использовать только ОДИН на странице! Располагать его можно в любом месте странице (рекомендую в самом низу).
03 :: Блок с видео
Имеет следующую структуру:
- Группу с классом video
- Заголовок H2
- Текст описания
- Группу с классом videos
- Gutenberg блок Service Video Item
- Gutenberg блок Service Video Item
- Gutenberg блок Service Video Item
В настройках блока Service Video Item нужно указать:
- Ссылка на видео Youtube
- Название видео
- Длительность видео
- Миниатюру видео (картинка)
На странице можно выводить несколько таких блоков.
04 :: Стоимость услуг
Создаем группу с классом price-table. Внутрь группы добавляем блоки Price table item. В настройках блока указываем: название услуги, стоимость услуги и иконку.
05 :: Описание услуги
Используем блок Рекомендованные товары
В настройках блока:
- Заголовок
- Стоимость
- Краткое описание
- Выбираем рекомендованные товары
- Указываем фотографии объекта
06 :: Пример оформления
Используем блок Примеры оформления
В настройках блока:
- Заголовок
- Стоимость
- Изображения для слайдера
- Рекомендованные товары
07 :: Типовой договор и Прайс-лист
Для вставки на страницу используем блок Договор и прайс.
В качестве настроек блока доступно:
- Фиксировать блок на ПК — при активации данный блок будет прилипать к правому краю экрана на экранах ноутбуков и ПК
- Ссылка на Договор и Ссылка на Прайс-лист. Вы можете добавить ссылки на любой документ или страницу сайта.
