Ustawienia strony na Хорошоп

Wymagana jest dostosowanie wyglądu i funkcjonalności strony internetowej do projektu graficznego opracowanego na podstawie szablonu Хорошоп.  
Obowiązkowa pewna znajomość CSS 

1. Wygląd wizualny:

• Skonfigurować bloki i banery na stronie głównej zgodnie z projektem (wersja desktop i mobilna).

• Zastosować wskazaną w projekcie stylistykę, kolory, ikony, przyciski i czcionki (używane są standardowe możliwości platformy Хорошоп lub dostosowania w ramach możliwości platformy za pomocą edytora CSS).

• Wyrównanie i odstępy, rozmiary czcionek, elementów — zgodnie z projektem.
  
  

2. Strona główna:

• Układ bloków (banery, kategorie, popularne produkty, zalety, opinie itp.) — według makiety.

• Konfiguracja odpowiednich widżetów/modułów (np. blok „Popularne”, „Nowości”).

3. Karta produktu:

• Układ i stylizacja elementów (zdjęcie produktu, nazwa, cena, przycisk kup teraz, opis, cechy, bloki z produktami) — zgodnie z makietą i wybranym stylem.

• Dodatkowe elementy (jeśli przewidziane) — np. ikony „Hit”, „Promocja”, „Nowość”, wybór koloru/rozmiaru itp.

4. Tworzenie stron:

• Utworzyć i sformatować następujące strony (lista może być doprecyzowana):

  • O nas

  • Dostawa i płatność

  • Centrum serwisowe (strona tekstowa z informacjami)

  • Kontakt

  • Promocje (Specjalne oferty)

• Struktura i zawartość — tekst i projekt są dostarczane lub tworzone w ramach szablonu.

5. Konfiguracja filtrów:

• Włączenie i konfiguracja filtrów według kategorii produktów: marka, cena, kolor, rozmiar, inne cechy.

• Sprawdzić działanie filtracji i poprawne wyświetlanie wyników.

Dodatkowe wymagania:

• Responsywność: sprawdzić poprawne wyświetlanie na urządzeniach mobilnych i tabletach.

• Szybkość: unikać zbędnych skryptów, obrazy — w odpowiednim formacie.

• Zgodność: wszystkie kroki wykonywać etapami, za zgodą na każdym etapie (banery, strona główna, karta produktu itp.).

Co jest dostarczane wykonawcy:

• Projekt graficzny (w formacie Figma)

• Dostęp do panelu administracyjnego Хорошоп

• Przykład podobnej strony (w razie potrzeby — jako odniesienie)

• Link do wybranego szablonu, według którego opracowano projekt - design304 .horoshop .ua (z przestrzeniami przed kropkami)