¶ Szablon sklepu Bootstrap 5 - nowoczesny frontend Hummerce
Szablon sklepu Bootstrap 5 to bazowy frontend Hummerce, na którym stoi front sklepu: strona główna, kategoria, karta towaru, koszyk i zamówienie. Zastąpił starszy szablon oparty na Bootstrapie 4 - jest szybszy, nie wymaga biblioteki jQuery i wykorzystuje komponenty w technologii Svelte, między innymi konfiguratory produktów. Sklep może ruszyć na tym szablonie od razu albo przejść na niego z wdrożeniem migracji.
Stan na wersję Hummerce 2.33 (wprowadzenie szablonu Bootstrap 5), aktualizacja 2026-09-29.
¶ Korzyści i zastosowania
- Nowocześniejszy, szybszy frontend - bez zależności od biblioteki jQuery, na aktualnej wersji Bootstrap.
- Gotowe elementy dostępności cyfrowej (link "Przejdź do treści", opisy dla czytników ekranu) wbudowane w szablon - w Bootstrap 4 trzeba je dopisać przy wdrożeniu.
- Dokładniejsza walidacja formularzy w przeglądarce - błędne pole jest oznaczone także dla czytnika ekranu, powtórzenie hasła sprawdzane jest na bieżąco.
- Nowsze konfiguratory produktów (formularzowy, wizualny, z rekomendacjami AI) budowane w Svelte.
- Aktywnie rozwijany szablon - kolejne funkcje platformy (2.34, 2.35) trafiają najpierw albo wyłącznie do Bootstrap 5.
¶ Jak to wygląda
Zrzut ze sklepu demonstracyjnego Hummerce.
¶ Strona główna w szablonie Bootstrap 5
¶ Zasady działania
¶ Czym jest szablon bazowy
- Szablon bazowy to gotowy frontend sklepu (strony, style, skrypty), na którym rusza nowy sklep albo z którego korzysta sklep istniejący - jako punkt wyjścia do dalszej personalizacji (grafika, treści, zakres funkcji).
- Bootstrap 5 zastąpił od wersji 2.33 wcześniejszy szablon bazowy oparty na Bootstrapie 4 (dostępny od 2021) - oba szablony są nadal utrzymywane, a sklep na starszym szablonie może przejść na nowy przez wdrożenie migracji.
¶ Bootstrap 5 a Bootstrap 4 - co widać w kodzie
- Elementy interfejsu (przyciski, formularze, okna) w Bootstrap 5 rozpoznaje się po atrybutach
data-bs-*(np.data-bs-toggle) - w Bootstrap 4 te same mechanizmy używają atrybutów bez przedrostkabs(data-toggle). - Bootstrap 5 nie wymaga biblioteki jQuery, Bootstrap 4 zwykle jej wymaga.
- Konfiguratory produktów i inne interaktywne komponenty szablonu Bootstrap 5 są budowane w technologii Svelte i TypeScript - w Bootstrap 4 działają starsze konfiguratory (poprzednia generacja). Zob. Konfigurator produktu na stronie sklepu.
¶ Potwierdzone różnice między szablonami
| Obszar | Bootstrap 5 | Bootstrap 4 |
|---|---|---|
| Dostępność cyfrowa (link "Przejdź do treści", obszary strony dla czytnika ekranu, oznaczenie błędu pola i minikoszyka) | jest | brak - trzeba dodać we wdrożeniu |
| Sprawdzanie pól w przeglądarce (błędne pole dla czytnika ekranu, powtórzenie hasła na bieżąco, e-mail dostawy) | pełniejsze | tylko podstawowe sprawdzanie |
| Konfigurator formularzowy i konfigurator z rekomendacjami AI | jest (od wersji 2.34 i 2.35) | brak |
| Konfigurator wizualny (personalizacja) | jest | jest (starsza wersja) |
| Konfiguratory poprzedniej generacji: tryb dwustronny, podgląd 3D, galeria grafik | brak | jest |
| Widok wielu koszyków w szablonie bazowym | brak - wymaga wdrożenia indywidualnego | brak - wymaga wdrożenia indywidualnego |
| Zależność od biblioteki jQuery | nie | zwykle tak |
Szczegóły każdej różnicy - w opisie danej funkcji: Dostępność cyfrowa, Walidacja formularzy, Koszyki, Konfigurator produktu na stronie sklepu.
¶ Wersja
- Szablon Bootstrap 5 - dostępny od wersji 2.33.
- Konfigurator formularzowy i wizualny w Bootstrap 5 - od wersji 2.34, konfigurator z rekomendacjami AI - od wersji 2.35.
- Starszy szablon Bootstrap 4 - dostępny od 2021, nadal utrzymywany.
¶ Zależności
- Personalizacja graficzna i treściowa szablonu - dopasowanie do wyglądu sklepu, praca wdrożeniowa.
- Konfiguratory i inne komponenty w technologii Svelte - wymagają szablonu Bootstrap 5, nie działają w Bootstrap 4.
- Funkcje wydane od wersji 2.34-2.35 (część konfiguratorów, część poprawek dostępności i logowania) wymagają wersji sklepu co najmniej 2.34 - starsza wersja wymaga najpierw aktualizacji.
¶ Wdrożenie
- Nowy sklep może od razu ruszyć na szablonie Bootstrap 5 - zakres wdrożenia to personalizacja grafiki i treści, tak jak dla każdego szablonu.
- Przejście z Bootstrap 4 na Bootstrap 5 dla istniejącego sklepu to osobne wdrożenie migracji szablonu - obejmuje przeniesienie personalizacji graficznej, treści i integracji szablonowych (np. widoki, banery, indywidualne widoki koszyka czy konfiguratora) na nowy szablon oraz testy całego frontu sklepu.
- Minimalny szacowany czas migracji: zależy w całości od zakresu indywidualizacji istniejącego szablonu Bootstrap 4 - orientacyjnie od kilkudziesięciu godzin dla sklepu ze standardową personalizacją, więcej przy rozbudowanych szablonach własnych, konfiguratorach czy integracjach szablonowych. Migrację wyceniamy indywidualnie po przeglądzie konkretnego sklepu.
- Od czego zależy czas:
- liczba i złożoność indywidualnych widoków szablonu (strona główna, kategoria, karta towaru, koszyk),
- liczba języków,
- zakres personalizacji graficznej,
- obecność konfiguratorów lub innych komponentów wymagających przebudowy,
- wersja sklepu przed migracją - starsza wersja wymaga najpierw aktualizacji platformy (wycena osobno).
¶ Ograniczenia
- Migracja z Bootstrap 4 na Bootstrap 5 nie jest automatyczna - to wdrożenie, nie przełącznik w panelu.
- Część funkcji platformy (m.in. konfigurator formularzowy, konfigurator z rekomendacjami AI) działa tylko w szablonie Bootstrap 5 - sklep na Bootstrap 4 ich nie ma.
- Niektóre funkcje starszych konfiguratorów (tryb dwustronny, podgląd 3D, galeria grafik) są dostępne tylko w konfiguratorach poprzedniej generacji (Bootstrap 4) - konfiguratory Bootstrap 5 ich jeszcze nie mają.
- Widok wielu koszyków nie ma gotowego interfejsu w żadnym z dwóch szablonów bazowych - wymaga wdrożenia indywidualnego niezależnie od wybranego szablonu.
- Nie weryfikujemy zadania pod kątem zgodności z prawem (np. licencje przekazanych materiałów, RODO, regulamin sklepu).
¶ Potencjał rozwoju
- Uzupełnienie konfiguratorów Bootstrap 5 o funkcje dostępne dziś tylko w konfiguratorach poprzedniej generacji (tryb dwustronny, podgląd 3D, galeria grafik).
- Gotowy widok wielu koszyków w szablonie bazowym.
¶ Najczęstsze pytania
Czym różni się szablon Bootstrap 5 od starszego Bootstrap 4?
Bootstrap 5 jest nowszy, nie wymaga biblioteki jQuery i ma szerzej rozbudowaną dostępność cyfrową oraz walidację formularzy w przeglądarce; korzysta też z nowszych konfiguratorów produktów budowanych w Svelte. Pełne porównanie - zob. tabela wyżej.
Czy da się przenieść istniejący sklep z Bootstrap 4 na Bootstrap 5?
Tak, to osobne wdrożenie migracji szablonu, obejmujące przeniesienie personalizacji graficznej i treści oraz testy frontu sklepu.
Czy nowy sklep musi startować na Bootstrap 4?
Nie - nowy sklep może od razu ruszyć na szablonie Bootstrap 5.
Czy wszystkie funkcje platformy działają w obu szablonach?
Nie w pełni. Część nowych funkcji (np. część konfiguratorów) działa tylko w Bootstrap 5, a część funkcji starszych konfiguratorów tylko w Bootstrap 4 - zob. Ograniczenia.
Ile trwa migracja z Bootstrap 4 na Bootstrap 5?
Zależy od zakresu indywidualizacji istniejącego szablonu - wyceniamy ją indywidualnie po przeglądzie konkretnego sklepu, orientacyjnie od kilkudziesięciu godzin wzwyż.
Czy migracja szablonu wymaga też aktualizacji platformy?
Jeśli sklep jest na wersji starszej niż 2.33, aktualizacja platformy jest warunkiem migracji na Bootstrap 5 - wyceniana osobno.
¶ Powiązane
- Dostępność cyfrowa, Walidacja formularzy, Koszyki, Konfigurator produktu na stronie sklepu.
- Widoki - wiele sklepów w jednym panelu - przełącznik widoków jest częścią obu szablonów bazowych.
- Na hummerce.com: Wdrożenie.
Chcecie sprawdzić, czy warto przejść na szablon Bootstrap 5? Umówcie bezpłatną prezentację.
¶ Szczegóły konfiguracji
¶ Dostęp w panelu
- Wybór i personalizacja szablonu to praca wdrożeniowa (pliki projektu), nie ustawienie w panelu. W panelu ustawia się treści i parametry, które szablon wyświetla (np. parametry wielowidokowe, banery, komunikaty).
¶ REST API i MCP
- Brak - szablon i jego wersja (Bootstrap 5 albo Bootstrap 4) nie są obiektem REST API ani narzędzi MCP.