1. Strona główna
• Układ wszystkich bloków zgodnie z projektem:
• Główny baner ze sliderem (responsywny).
• Popularne kategorie.
• Nowości (wyświetlić 5 produktów + przycisk „Do katalogu”).
• Marki (dwie automatyczne karuzele).
• Nasze rekomendacje (5 produktów + przycisk).
• Przydatne artykuły (3 ostatnie publikacje).
• Zalety.
• Stopka.
• Pełna responsywność mobilna/tabletowa/desktopowa.
⸻
2. Katalog
• Realizacja katalogu zgodnie z nowym makietem.
• Filtry z logiką:
• Złożony — 4 produkty w rzędzie.
• Rozłożony — 3 produkty w rzędzie + otwarty filtr po lewej stronie.
• Karta produktu:
• Zdjęcie, nazwa, cena, cena promocyjna.
• Dodaj do koszyka.
• Dodaj do ulubionych (bez logiki, tylko przycisk — logika w części 3).
• Sortowanie, paginacja, responsywność.
⸻
3. Strona produktu
• Galeria zdjęć + slider.
• Nazwa, dostępność, cena (zwykła/promocyjna), artykuł, kategoria.
• Opcje: kolor, pojemność, inne warianty.
• Blok przycisków:
• Do koszyka
• Szybkie zakupy
• Lista życzeń (przycisk)
• Licznik ilości
• Blok bonusów (tylko wyświetlenie projektu).
• Prezent do produktu (wyświetlenie bloku bez logiki).
• Opis + specyfikacje (tymczasowo Mock-treść).
• Opinie:
• Wyświetlenie projektu.
• Wygląd autoryzowany/nieautoryzowany.
• Sekcja „Może Ci się spodobać”.
⸻
4. Koszyk
• Układ całkowity:
• Produkty, ilość, usunięcie, podsumowanie.
• Prawy blok: suma, oszczędności, bonusy, darmowa dostawa.
• Miejsce na modalne okno prezentów (na razie bez logiki).
• Pełna responsywność.
⸻
5. Blog
• Ogólna lista artykułów.
• Karta: obraz, data, tytuł.
• Strona publikacji:
• Zdjęcie, data, tytuł, tekst.
• Blok „Przeczytaj także”.
• Responsywność.