FAQ / Pomoc

VOLT GARAGE to demonstracyjny, statyczny front-end sklepu z akcesoriami motoryzacyjnymi, przygotowany jako projekt portfolio KP_Code Digital Studio. Interfejs katalogu, koszyka i zamówienia jest w pełni klikalny, ale nie stoi za nim system sprzedaży: serwis nie przyjmuje zamówień i niczego nie wysyła. Charakter projektu opisuje Regulamin.

Cały katalog jest wczytywany z jednego pliku danych dołączonego do projektu (public/data/products.json). Serwis nie łączy się z zewnętrznym API, magazynem ani systemem cen. Nazwy, ceny, oznaczenia promocji i informacje o dostępności są materiałem przykładowym i nie stanowią oferty handlowej.

Stronę produktu otwiera przycisk „Szczegóły” na kafelku — w katalogu, nowościach, promocjach i na stronie głównej. Adres tej strony zawiera identyfikator wybranej pozycji, dlatego w menu nie ma ogólnego odnośnika „Produkt”: szczegóły zawsze dotyczą produktu wskazanego na liście.

Koszyk działa wyłącznie w Twojej przeglądarce. Pozycje i ilości zapisuje pamięć lokalna (localStorage) pod kluczem volt_cart, więc zawartość przetrwa odświeżenie strony, ale nie trafia na żaden serwer i nie przenosi się między urządzeniami ani przeglądarkami. Podsumowanie przelicza wartość produktów, koszt dostawy (20 zł, od 300 zł bez opłaty) i sumę — jest to wyliczenie poglądowe, a nie rezerwacja towaru. Wyczyszczenie danych witryny w przeglądarce opróżnia koszyk.

Formularz zamówienia sprawdza poprawność pól i przenosi fokus do pierwszego błędu, a po poprawnym wypełnieniu wyświetla komunikat o zakończonej symulacji i czyści pola. Dane zamówienia nie są wysyłane ani zapisywane, nie powstaje numer zamówienia i nikt nie otrzymuje powiadomienia. Ten krok wymaga włączonego JavaScriptu — bez niego przycisk pozostaje nieaktywny, a strona informuje o tym komunikatem.

Nie. Projekt nie ma integracji z bramką płatniczą, nie przetwarza transakcji i nigdzie nie prosi o dane karty ani inne dane płatnicze. Koszt dostawy w podsumowaniu jest wyłącznie elementem przykładowego wyliczenia — skoro zamówienie nie powstaje, serwis nie realizuje wysyłek, zwrotów, reklamacji towaru ani gwarancji.

Nie. W serwisie nie ma rejestracji, logowania, profilu klienta ani historii zamówień, a wszystkie widoki są dostępne bez zakładania konta. To, co strona zapamiętuje — wybrany motyw i zawartość koszyka — zostaje w pamięci Twojej przeglądarki i nie tworzy konta użytkownika.

Tak — to jedyny formularz w serwisie z prawdziwą wysyłką. Formularz kontaktowy korzysta z usługi Netlify Forms, przesyła dane zwykłym żądaniem POST i po poprawnym wysłaniu otwiera stronę potwierdzenia. Cel i zakres przetwarzania tych danych opisuje Polityka prywatności. Formularz zamówienia działa zupełnie inaczej: jest symulacją i nie wysyła niczego.

Wszystkie dokumenty są w menu „Informacje” oraz w stopce każdej strony: Regulamin opisuje zasady korzystania i demonstracyjny charakter projektu, Polityka prywatności — przetwarzanie danych z formularza kontaktowego, a Polityka cookies — technologie przechowywania danych w przeglądarce. Odpowiedzi na tej stronie są skrótem; w razie rozbieżności rozstrzyga treść dokumentów.

Serwis korzysta z pamięci przeglądarki, a nie z własnych plików cookies. W localStorage zapisywane są: koszyk (volt_cart), wybrany motyw (vg_theme), potwierdzenie informacji o projekcie (vg_project_terms_accepted) oraz zakończona instalacja aplikacji (vg_install_cta_dismissed); w sessionStorage — odłożenie zaproszenia do instalacji na czas sesji karty (vg_install_cta_session_dismissed). Gdy przeglądarka blokuje ten magazyn, strona działa dalej, tylko bez zapamiętywania. Pełną listę zawiera Polityka cookies.

Projekt ma manifest aplikacji i Service Workera, więc przeglądarka wspierająca PWA może zaproponować instalację — zaproszenie pojawia się tylko wtedy, gdy przeglądarka zgłosi odpowiednie zdarzenie, a sam Service Worker jest rejestrowany wyłącznie w wersji produkcyjnej. Obsługa offline jest częściowa: po wcześniejszej wizycie wyświetlane są zapisane strony, a gdy kopii brakuje — strona informacyjna offline. Pierwsza wizyta bez połączenia nie zadziała.

Częściowo. Treści statyczne — w tym te odpowiedzi, strony prawne i dane kontaktowe — pozostają czytelne, a formularz kontaktowy przesyła dane natywnym żądaniem przeglądarki. Listy produktów, wyszukiwarka, filtry, koszyk i symulacja zamówienia wymagają włączonego JavaScriptu; w ich miejscu strona pokazuje wtedy komunikat zamiast pustego obszaru.