Верстка блока с отзывами
1. Общая информация
2. Макет
3. Описание блока
Блок, который будет автоматически обновляться, будет тянуть данные из источников с отзывами (пока что google), из которого в дальнейшем будем брать данные для разметки.
4. Структура
Заголовок
Плашки с отзывами
Фото
Имя/Фамилия
Тип работы
Оценка
Текст отзыва
Источник отзыва
5. Требования к верстке
Блок должен быть адаптивным и иметь отдельный фиксированный вид для следующих размеров:
320px, 360px, 414px - мобильные версии
от 414px до 768px, 834px, 1024px - планшеты
от 1024 до 1280px, 1366px, 1440px, 1600px, 1920px
Блок должен занимать ровно 100% ширины экрана, без горизонтального скролла.
Должны быть возможность редактировать заголовок и подтверждать/удалять отзывы через админку WordPress
6. Интерактивные элементы
Плашки с отзывами можно листать с помощью кнопок для пролистывания (пролистывается по 3 штуки). В зависимости от текущей страницы отображаемых страниц отзывов - меняется ползунок пролистывания на десктопе.
При наведении на кнопку “Оставить отзыв” - появляется тень (как и на других кнопках сайта)
7. Логика
Не до конца уверены как это реализовать, поэтому будем рады консультации.
На данный момент, нужно подключить только отзывы из Google.
Фото, Имя/Фамилия, оценка и текст отзыва берется из самого отзыва. Источник отзыва задается на основе того, откуда пришел отзыв (это нужно автоматизировать). Тип работы - задаем через админку WordPress
Кнопка “Оставить отзыв” открывает форму nps (должна работать так, как и сейчас). После оставления отзыва через эту кнопку - она также должна попадать в админку WordPress для подтверждения нами (на почту попадает также - это реализовано сейчас).
Если отзыв не был подтвержден, то мы его не отображаем в блоке
8. Готовый результат
Готовый блок должен быть сверстан в соответствии с макетом, адаптивным, полностью занимать ширину экрана (при этом быть по размеру как и другие блоки), отображаться корректно на всех запланированных ширинах и интегрирован в места, которые указаны в ТЗ.
