Szablon graficzny RWD Umbrella ™
dla sklepu Shoper

Ten szablon jest gotowy na nadchodzącą aktualizację Shoper wprowadzającą rozwiązania dla unijnej dyrektywy GPSR.

Czytaj więcej

Okryj swój sklep kolorowym parasolem!

Zobacz demo

Produkty do sklepu demo udostępnił hamptons.pl

Świetny szablon, współpraca na linii poprawek i udogodnień na bardzo wysokim poziomie. Bardzo dobry kontakt z osobami z pomocy. Polecam wszystkim.—Sebastian - reklamydrukarnia.pl12 listopada 2019 Zobacz przykładowe realizacje

Oprawa graficzna szablonu Umbrella nastawiona jest na przekazywanie najważniejszych treści, oraz przyjemną dla oka prezentację oferty. Nowe mechanizmy nawigacyjne pozwalają na uporządkowanie produktów również w sklepach posiadających bardzo rozbudowane drzewo kategorii, których dotychczasowa obsługa w sklepie była dosyć problematyczna. Mnogość animacji, wykorzystanie technologii Front API i nowych technik RWD sprawia, że surfowanie po sklepie jest płynne i intuicyjne zarówno na komputerach jak i urządzeniach mobilnych.

Z szablonem Umbrella przekroczysz kolejne bariery, a dzięki Kreatorowi Gadżetów możesz stworzyć własne, niepowtarzalne elementy sklepu.

Pełnoekranowy baner wideo z efektem parallax - NOWOŚĆ!

Przywitaj swoich klientów efektownym banerem wideo i zaprezentuj krótki film promujący Twoją firmę. Nasz nowy Gadżet do skórki umożliwia publikację krótkiego filmu odtwarzanego w pętli bez dźwięku. Dzięki niemu nie są wyświetlane żadne dodatkowe kontrolki/przyciski jak np. przy zamieszczaniu klipów z YouTube czy innych podobnych serwisów. Baner umożliwia również prezentację krótkich sloganów handlowych razem z przyciskiem przekierowującym klienta w wybrane przez Ciebie miejsce. Efekt Parallax który w razie potrzeby możesz wyłączyć sprawi, że film będzie nieruchomy względem całego układu strony. Efekt WOW gwarantowany!

Gadżet jest w pełni responsywny i zoptymalizowany. Wykorzystana technika lazy-load pozwala załadować film we właściwym momencie podczas przewijania strony.

Wbudowane menu kurtynowe (Mega menu)

• Menu kurtynowe znane już i udoskonalone z poprzednika szablonu Umbrella - Infinity. Kategorie w menu głównym (górna belka) prezentowane są w układzie kolumnowym na całą szerokość strony. Dodatkowo wprowadziliśmy opcję suwaka (Scrollbar) dzięki której w menu pomieści się nawet najbardziej rozbudowane drzewo kategorii.

Menu warstwowe (opcja)

• Menu Warstwowe (a'la okno Popup) jest wyświetlane po kliknięciu w opcję Menu lub kategorię umieszczoną w nagłówku. Dzięki temu mechanizmowi Twoi klienci będą mogli zapoznać się ze wszystkimi kategoriami i podkategoriami w ramach czytelnej, wyodrębnionej warstwy. Menu warstwowe polecamy sklepom o bardzo rozbudowanym drzewie kategorii lub otwartym na innowacyjne rozwiązania.

Po zakupie poinformuj nas która wersja menu głównego w nagłówku Cię interesuje.

Efekty specjalne

• Możliwość ustawienia tła/tapety dla całego sklepu. Funkcja pozwala na zastosowanie dowolnej grafiki jako tło całego sklepu. Możesz wykorzystać tą funkcję jako element reklamowy lub jako dekoracja sklepu. Pamiętaj, by zastosowana grafika tła była stonowana i nie rozpraszała Twoich klientów.
• Obszary pełnoekranowych grafik z efektem parallax. Funkcja skonfigurowana jako dodatkowy moduł specjalny w aktywnym stylu graficznym umożliwia wyświetlanie grafik z efektem parallax na całej szerokości strony. Dodatkowo możesz zamieścić w nim slogan reklamowy razem z odnośnikiem w dowolnie wybrane przez Ciebie miejsce. Możesz również decydować o ilości tego typu banerów oraz ich lokalizacji w ramach narzędzi aktywnego stylu graficznego Shoper.
• Karuzela galerii zdjęć produktu. Funkcja polega na ciągłym wyświetlaniu wszystkich zdjęć produktu (miniatur) po wskazaniu go kursorem. Funkcja jest aktywna na poziomie widoku listy produktów, w sekcji produktów polecanych na stronie głównej, oraz w modułach Promocje, Nowości i Bestsellery.
• Siatka banerów w dwóch lustrzanych układach ze skalowalnym tekstem. Funkcja powszechnie znana w e-commerce, skonfigurowana jako dodatkowy moduł specjalny w aktywnym stylu graficznym.
• Duża ilość animacji towarzyszących np. łagodne przewijanie do kotwicy / odnośnika, animacja opcji w nagłówku, estetyczne paski przewijania (scrollbar), rozwijana wyszukiwarka itp.

Inteligentny nagłówek

• Podgląd zawartości koszyka w formie czytelnego okna popup (warstwa Umbrella) z informacją o darmowej dostawie (dane na podstawie modułu Shoper).
• Ikony wyboru języka i walut. Wybór w warstwie Umbrella (a'la okno Popup)
• Lista produktów Nowości i Promocje (na warstwie Umbrella w przypadku wybrania opcji menu warstwowego)
• Sticky Header - po przewinięciu strony cały czas jest widoczne logo i główne narzędzia sklepu. Menu w nagłówku wysuwa się po wskazaniu kursorem
• Formularz logowania na warstwie Umbrelli. Jeżeli aktywujemy dodatkowo moduł logowania Shoper w aktywnym stylu graficznym, w oknie pojawi się również dostęp do linków.

Nawigacja i automatyczne informacje

• Moduł informacji o sklepie z mapą Google w różnych układach (dodatkowy moduł specjalny w aktywnym stylu graficznym)
• Dane kontaktowe w nagłówku i stopce pobierane automatycznie z konfiguracji sklepu
• Wyświetlanie informacji o producencie produktu w widoku listy produktów w trybie galerii
• Automatyczne kalkulowanie i wyświetlanie procentowej wartości promocji w polu grafiki produktu
• Przycisk powrotu do nadrzędnej kategorii/poprzedniego widoku
• Udoskonalona galeria zdjęć produktu
• Kolumnowy układ strony koszyka
• Automatyczne ukrywanie komunikatów o powodzeniu operacji po 3 sekundach
• Klasyczny moduł menu - rozwijalne pełne drzewo kategorii bez konieczności przeładowania strony
• Moduły filtrów - Możliwość zwinięcia i rozwinięcia z zachowaniem stanu po przeładowaniu strony (na bazie plików cookie)

Wsparcie dla urządzeń mobilnych i aplikacji

• Opcja rozwijania prawej i lewej kolumny sklepu
• Nowoczesne menu z nawigacją
• Przy niskich rozdzielczościach logo zastępowane faviconem dla lepszej przejrzystości sklepu
• Obrazki produktów są skalowane z zachowaniem proporcji (skaluje się szerokość i wysokość) przy dostosowywaniu się do rozdzielczości urządzenia
• Aktywny nr telefonu i adres email - po kliknięciu na nr telefonu wybierze się numer do połączenia
• Kompatybilność z aplikacjami Shoper App Store od ShopGadget.pl

Zobacz demo

Wersja 2.15 - Aktualna

(14 Czerwiec 2023)

• Dostosowano do nowej wersji Shoper 5.23.20 (informacje o cenach na listach produktów, a także w modułach produktowych dla produktu będącego w promocji)

Wersja 2.14

(19 Grudzień 2022)

• Dostosowano do dyrektywy Omnibus i planowanych zmian w Shoper
• Poprawiono wyświetlanie powiadomienia o Cookies
• Wprowadzono kilka drobnych usprawnień

Wersja 2.13

(30 Maj 2022)

• Wprowadzono wstępne dostosowania do Shoper Visual Editor
• Poprawiono wyświetlanie obrazka produktu w szybkim podglądzie
• Wprowadzono kilka drobnych poprawek

Wersja 2.12

(12 Styczeń 2022)

• Dodano mechanizm lazy load do banera wideo
• Usprawniono działanie menu głównego
• Dodano mechanizm pamięci cache dla zapytań Front API
• Usprawniono wyświetlanie kontaktu w nagłówku i stopce z możliwością edycji treści
• Wprowadzono kilka drobnych poprawek

Wersja 2.11

(16 Wrzesień 2021)

• Dodano obsługę zdjęć w formacie Webp
• Zoptymalizowano animacje
• Poprawiono wyświetlanie zdjęć w nowej galerii
• Poprawiono wyświetlanie ikon rat i mbank na karcie produktu

Wersja 2.10

(10 Maj 2021)

• Poprawiono wyświetlanie tekstu w kolumnach bocznych
• Wprowadzono kilka usprawnień pod kątem współdziałania z aplikacjami

Wersja 2.9

(13 Kwiecień 2021)

• Poprawiono działanie przyklejonego nagłówka (StickyHeader)
• Dostosowano mechanizmu rekomendacji dostępnego w najnowszej wersji Shoper
• Wprowadzono kilka drobnych poprawek

Wersja 2.8

(18 Styczeń 2021)

• Zmieniono przycisk "Przelicz" na ekranie koszyka
• Poprawiono wyświetlanie zniżki po wyborze wariantu na karcie produktu
• Wprowadzono kilka drobnych poprawek
• Dostosowano do zmian wprowadzonych w najnowszej wersji Shoper - 5.21.1

Wersja 2.7

(23 Listopad 2020)

• Dostosowano do zmian wprowadzonych w najnowszej wersji Shoper - 5.20.27

Wersja 2.6

( 9 Listopad 2020)

• Usprawniono mechanizm lazy-load i preload wykorzystywany przy ładowaniu grafik i czcionek
• Poprawiono wyświetlanie elementów w modułach produktowych

Wersja 2.5

( 3 Wrzesień 2020)

• Dostosowano do istotnych zmian wprowadzonych w najnowszej wersji Shoper 5.20.16

Wersja 2.4

(30 Lipiec 2020)

• Dostosowano do zmian wprowadzonych w najnowszej wersji Shoper 5.20.14 (m.in. dolny opis kategorii)

Wersja 2.3

( 9 Czerwiec 2020)

• Dodano możliwość włączenia i wyłączenia kontaktów w nagłówku i stopce
• Usprawniono mechanizm lazy loading
• Naprawiono defekty w menu mobilnym
• Wprowadzono kilka innych drobnych poprawek i usprawnień
• Dostosowano do zmian wprowadzonych w najnowszej wersji Shoper (5.20.11)

Wersja 2.2

(22 Styczeń 2020)

• Usprawniono wyświetlanie menu oraz tabel na urządzeniach mobilnych
• Dostosowano do zmian w najnowszej wersji Shoper, m.in. dotyczących kosztów dostawy

Wersja 2.1

(11 Grudzień 2019)

• Dodano Kreatory Gadżetów
• Dodano obsługę logo sklepu w formacie SVG
• Poprawiono działanie linku do kotwicy
• Poprawiono działanie modułu facebooka
• Dostosowano do najnowszej wersji Shoper

Wersja 2.0

(29 Październik 2019)

• Zmieniono architekturę oprogramowania szablonu
• Usprawniono formularz wyszukiwania Paczkomatów w koszyku
• Wprowadzono poprawki na stronach koszyka
• Poprawiono wyświetlanie cen w kurtynie menu dla języków innych niż polski
• Dostosowano do najnowszej wersji Shoper

Wersja 1.9

(22 Sierpień 2019)

• Dostosowano wyszukiwarkę w nagłówku do nowej wersji Shoper

Wersja 1.8

(18 Czerwiec 2019)

• Poprawiono wyświetlanie logo sklepu na urządzeniach mobilnych
• Dodano wyszukiwarkę przy wyborze paczkomatów
• Poprawiono wyświetlanie stopki sklepu
• Wprowadzono kilka drobnych usprawnień

Wersja 1.7

( 3 Kwiecień 2019)

• Poprawiono formatowanie cen w walutach obcych
• Wprowadzono usprawnienia dotyczące wyświetlania kolumn bocznych na urządzeniach mobilnych
• Wprowadzono dodatkowe usprawnienia dotyczące wyboru paczkomatów
• Poprawiono defekt występujący gdy nie ma opcji menu w nagłówku
• Poprawiono wyświetlanie podpisów w kafelkach
• Poprawiono wyświetlanie obrazków produktów, oraz wprowadzono dodatkowe usprawnienia dla Mac OS
• Usprawniono ładowanie dodatkowych czcionek (obsługa cyrylicy)

Wersja 1.6

(25 Styczeń 2019)

• Dostosowano do nowego silnika wyszukiwarki Shoper

Wersja 1.5

(17 Styczeń 2019)

• Poprawiono wyświetlanie modułu menu na urządzeniach Apple iPhone
• Naprawiono defekt w koszyku na stronie z adresami
• Wprowadzono kilka drobnych poprawek i ulepszeń

Wersja 1.4

(12 Grudzień 2018)

• Ulepszono skalowanie zdjęć i elementów iframe-ów w opisach produktów i innych treściach WYSIWYG
• Naprawiono wyświetlanie modułu kategorii bloga na urządzeniach mobilnych
• Naprawiono problem z wyborem paczkomatów w koszyku
• Poprawiono przycisk zamykania galerii zdjęć
• Poprawiono przyciski logowania przez serwisy społecznościowe
• Wprowadzono szereg drobnych poprawek i ulepszeń

Wersja 1.3

(31 Sierpień 2018)

• Wprowadzono szereg ulepszeń

Wersja 1.2

( 6 Sierpień 2018)

• Wprowadzono szereg ulepszeń, min. w warstwie zawartości koszyka, pola formularzy, punktów lojalnościowych, breadcrumbs i innych

Wersja 1.1

(12 Czerwiec 2018)

• Wprowadzono lepszą obsługę wielojęzyczności
• Poprawiono wyświetlanie ilości produktów w module menu
• Wprowadzono kilka drobnych poprawek i ulepszeń

Wersja 1.0

( 4 Czerwiec 2018)

• Nowy szablon

Zoptymalizowany pod kątem szybkości
i Pozycjonowania (SEO)*

Dołożyliśmy wszelkich starań aby nasz szablon był możliwie jak najbardziej przyjazny dla przeglądarek internetowych i wyszukiwarki Google. Zobacz rozwiązania, które wprowadziliśmy:

---

Lazy-load

Szablon ładuje tylko miniatury, gadżety i inne elementy które aktualnie są widoczne na ekranie/wyświetlaczu. Dzięki temu Twój sklep będzie działał szybciej (w realnym odczuciu) - szczególnie na smartfonach Mechanizm obejmuje jedynie funkcjonalności wprowadzone przez szablon oraz niektóre funkcjonalności standardu Shoper dla których istniały techniczne możliwości usprawnienia. Lazy-load został usprawniony w stosunku do standardu z zachowaniem maksymalnej uniwersalności jednak może nie obejmować aplikacji spoza katalogu ShopGadget.pl, wszelkich integracji własnych oraz wdrożonych modyfikacji..

---

Wstępne ładowanie zasobów

Szablon rozpoczyna ładowanie swoich zasobów (css, js, czcionki) z wyprzedzeniem co pozytywnie wpływa na czas ładowania całej strony  Dotyczy tylko zasobów szablonu oraz standardowych zasobów Shoper. Wszelkie dodatkowe zasoby pochodzące z aplikacji, integracji własnych oraz modyfikacji pozostają po za kontrolą tego mechanizmu. .

---

Asynchroniczny i optymalny javascript

Skompresowany skrypt szablonu Umbrella ładowany jest asynchronicznie. Dzięki temu doładowanie naszego rozszerzenia nie wstrzymuje renderowania kolejnych elementów strony sklepu.

---

Animacje via CSS

Większość animacji realizowanych jest za pomocą samego kodu CSS, dzięki czemu działanie szablonu jest płynniejsze (szczególnie na smartfonach). Dzięki zastosowanym regułom przeglądarka może z wyprzedzeniem „przygotować się” na renderowanie animacji  Dotyczy tylko CSS dodawanego przez szablon Umbrella. .

---

Redukcja wysyłanych żądań

Niektóre funkcjonalności szablonu dzięki własnej pamięci cache redukują ilość zapytań  Dotyczy tylko żądań wysyłanych przez dodatkowy JavaScript szablonu Umbrella. do Front API. Ulga dla serwera i łącza Twojego klienta.

---

* Pamiętaj, że skórka jest jedynie oprawą graficzną Twojego sklepu i nie gwarantuje rozwiązania wszystkich problemów i niuansów związanych z jego wydajnością. Powyższe kwestie dotyczą szablonu, który dostajesz do użytku świeżo po instalacji. Wiele zależy od jakości rozwiązań z których korzystasz w sklepie, a które pozostają po za naszą kontrolą. Jeśli chcesz dowiedzieć się co jeszcze możesz zrobić dla lepszej optymalizacji zapoznaj się z naszym artykułem.

Nasz szablon to odmieniony wygląd Twojego sklepu, szereg sprawdzonych rozwiązań i usług, aktualizacje oraz wparcie techniczne gdy tego potrzebujesz. To jedyna tak kompleksowa oferta na rynku.

Instalujemy szablon w tle

Nie musisz martwić się o to, w jaki sposób zainstalujesz nasz szablon, ponieważ my zrobimy to za Ciebie. Po zamknięciu zamówienia otrzymasz od nas wiadomość z prośbą o utworzenie konta serwisowego w Twoim sklepie (dodatkowe konto administratora) ze szczegółową instrukcją jak to zrobić. Bez obaw - zakres uprawnień dotyczy tylko kwestii technicznych. Nie wymagamy dostępu do Twoich zamówień i klientów. Po utworzeniu konta serwisowego instalujemy szablon w ciągu 2 dni roboczych. Po zakończeniu instalacji otrzymasz potwierdzenie razem z instrukcją obsługi gadżetów i funkcji specjalnych szablonu.

UWAGA! 
Prace wykonujemy w tle, dlatego w tym czasie sklep może działać normalnie - bez przerwy technicznej.

Ty decydujesz, kiedy szablon będzie aktywny

Szablon po instalacji dostępny jest w Galerii stylów, podobnie jak każdy inny szablon w Twoim sklepie (Menu Konfiguracja > Wygląd > Galeria stylów). Zawsze instalujemy 2 kopie:

• Oryginał - służy jako kopia bezpieczeństwa dla Ciebie. Nie należy jej usuwać lub modyfikować.
• Kopia do pracy - którą możesz skonfigurować według własnych potrzeb i aktywować gdy już wszystko będzie gotowe.

Po instalacji nie aktywujemy naszego szablonu, ponieważ wymaga on jeszcze wprowadzenia Twoich ustawień. To Ty decydujesz, kiedy opublikować nową szatę graficzną - do tego czasu Twoi klienci nie zauważą zmian w sklepie.

Z łatwością dostosujesz szczegóły

Szablon opiera się o standardowe funkcje Shoper, dlatego po wejściu do narzędzi stylu graficznego zobaczysz wszystkie opcje dostępne w Shoper. Oznacza to, że podobnie jak w standardowych szablonach będziesz mógł zarządzać nagłówkiem, stopką, stroną główną, listą i szczegółami produktu, modułami, kolorami szablonu, itp. tak jak dotychczas.

Szablon posiada również funkcje specjalne takie jak np. siatki banerów, obszary z efektem Parallax, zakładki modułowe, mapy, moduły informacyjne, itp. Te funkcje nie występują w standardzie Shoper, dlatego w ich przypadku możesz posłużyć się Kreatorem Gadżetów aby stworzyć własne, niepowtarzalne elementy sklepu.

zobacz jak korzystać z kreatorów gadżetów

Otrzymasz nasze wsparcie techniczne i aktualizacje

W cenie szablonu otrzymujesz również 12 miesięcy Asysty Technicznej. Jest to dostęp do Aktualizacji szablonu, Pomocy technicznej oraz wspomnianego Kreatora Gadżetów. Jeżeli będziesz chciał skorzystać z tych usług:

1. Przejdź do www.shopgadget.pl
2. Zaloguj się do "Panelu Klienta" (na górze po prawej). Jeśli nie pamiętasz hasła skorzystaj z funkcji zmiany hasła - "Nie pamiętasz hasła?"
3. Wybierz opcję "Moja półka"
4. Znajdź na liście sklep i szablon którego ma dotyczyć zgłoszenie, kliknij "Pomoc", "Aktualizacja" lub "Kreator Gadżetów" i postępuj wg wyświetlanych informacji.

Usługa Asysty Technicznej jest dobrowolna i możesz ją przedłużyć na kolejne 12 m-cy według własnego uznania. Licencja na szablon jest dożywotnia, dlatego po wygaśnięciu usługi Asysty dalej będzie on działał w Twoim sklepie, dopóki sam(a) go nie wyłączysz/usuniesz.