Układ bloku z opiniami dla Kursach.site

1. Ogólne informacje

• Gdzie się znajduje: Strona główna (zamiast obecnej), strony komercyjne (zamiast obecnej), strona gwarancji (pod blokiem z publiczną ofertą)

2. Makieta i referencje

• Link do makiety: kursach – Figma

3. Opis bloku

Blok, który będzie automatycznie aktualizowany, będzie pobierał dane ze źródeł z recenzjami (na razie google), z którego w przyszłości będziemy brać dane do oznaczenia. 

4. Struktura

• Nagłówek
  

• Płytki z recenzjami

  • Zdjęcie

  • Imię/Nazwisko

  • Typ pracy

  • Ocena

  • Tekst recenzji

  • Źródło recenzji

• Przyciski do przewijania 

• Przewijak (desktop)
  

• Przycisk “Zostaw recenzję”

5. Wymagania dotyczące kodowania

• Blok musi być responsywny i mieć oddzielny stały wygląd dla następujących rozmiarów: 

  • 320px, 360px, 414px - wersje mobilne 

  • od 414px do 768px, 834px, 1024px - tablety

  • od 1024 do 1280px, 1366px, 1440px, 1600px, 1920px

• Blok musi zajmować dokładnie 100% szerokości ekranu, bez poziomego przewijania.

• Musimy mieć możliwość edytowania nagłówka oraz zatwierdzania/usuwania recenzji przez panel administracyjny WordPress

6. Interaktywne elementy

• Płytki z recenzjami można przewijać za pomocą przycisków do przewijania (przewija się po 3 sztuki). W zależności od aktualnej strony wyświetlanych recenzji - zmienia się przewijak na desktopie.

• Po najechaniu na przycisk “Zostaw recenzję” - pojawia się cień (jak na innych przyciskach strony)

7. Logika

Nie jesteśmy do końca pewni, jak to zrealizować, dlatego będziemy wdzięczni za konsultację.

Na chwilę obecną, trzeba podłączyć tylko recenzje z Google.

Zdjęcie, Imię/Nazwisko, ocena oraz tekst recenzji są pobierane z samej recenzji. Źródło recenzji jest określane na podstawie tego, skąd pochodzi recenzja (trzeba to zautomatyzować). Typ pracy - określamy przez panel administracyjny WordPress 

Przycisk “Zostaw recenzję” otwiera formularz nps (ma działać tak, jak teraz). Po zostawieniu recenzji przez ten przycisk - również ma trafiać do panelu administracyjnego WordPress do zatwierdzenia przez nas (na maila również trafia - to jest obecnie zrealizowane). 

Jeśli recenzja nie została zatwierdzona, to nie wyświetlamy jej w bloku

8. Gotowy wynik

Gotowy blok ma być zakodowany zgodnie z makietą, responsywny, całkowicie zajmować szerokość ekranu (przy tym być w rozmiarze jak inne bloki) bez wychodzenia poza viewport, wyświetlać się poprawnie na wszystkich zaplanowanych szerokościach oraz być zintegrowany w miejscach, które są wskazane w Tz.