Storefront: Najważniejsze funkcje
Spis treści:
Storefront vs. stary szablon – porównanie funkcji i możliwości
Shoper Storefront oraz udoskonalony Shoper Visual Editor powstały z myślą o użytkownikach platformy sklepów internetowych Shoper.
Przetestuj dostępne funkcje i załóż darmowy sklep internetowy w ramach 14-dniowego okresu próbnego. Sprawdź bezpłatnie i bez ograniczeń możliwości platformy Shoper.
Kupujący odczują wyraźną różnicę w wyglądzie i w łatwości obsługi sklepów, natomiast właściciele sklepów otrzymają szereg nowych możliwości przy konfigurowaniu szablonu.
W poniższej tabeli znajdziesz najważniejsze różnice między poprzednią wersją szablonu, a nowym Storefront.
| Nazwa funkcji | Storefront | Stary szablon |
|---|---|---|
| Mobile first dostosowanie szablonu do różnych urządzeń, w tym dopracowana wersja na smartfony | TAK | NIE |
| Elastyczny grid czyli w pełni edytowalny układ strony zbudowany z sekcji, wierszy i kolumn, w których można dowolnie rozmieszczać moduły (dowiedz się więcej) | ✓ | – |
| Edytowalne nagłówek i stopka wraz z możliwością korzystania z gotowych predefiniowanych układów (dowiedz się więcej) | ✓ | – |
| Unikalny wygląd per urządzenie czyli możliwość przygotowania różnych widoków tej samej strony ze względu na urządzenia o różnej szerokości ekranu (dowiedz się więcej) | ✓ | – |
| Więcej typów stron czyli możliwość tworzenia unikalnych układów modułów dla nowych podstron tj. różne listy produktów (nowości, promocje) blog, strona błędu 404 czy strony informacyjne (dowiedz się więcej) | ✓ | – |
| Nowe czcionki dające możliwość jeszcze lepszej personalizacji szablonu sklepu (dowiedz się więcej) | 30 czcionek | 7 czcionek |
| Ustawienia kolorów i stylów szablonu czyli możliwość wprowadzania zmian min.: w rozmiarach i kolorach tekstów oraz nagłówków, kolory linków czy kolory i kształty przycisków (dowiedz się więcej) | 21 ustawień | 6 ustawień |
| Moduły drag&drop czyli gotowe moduły zawierające istotne dla prowadzenia sklepu funkcje oraz informacje, umieszczane na stronie za pomocą metody przeciągnij i upuść (dowiedz się więcej) | 90+ | 30 |
| Elastyczna edycja karty produktu czyli możliwość decydowania o wyświetlaniu jej części składowych ze względu na urządzenia o różnej szerokości ekranu | Dużo możliwości | Brak możliwości |
| Rozbudowana konfiguracja modułów pozwalające na proste przygotowanie wielu wersji tego samego typu modułu i wykorzystanie ich w różnych miejscach na stronie (dowiedz się więcej) | Możliwość decydowania o wyświetlaniu danego modułu na różnych szerokościach ekranu urządzeń, wiele dodatkowych ustawień w zależności od typu modułu i kontekstu jego użycia | Podstawowa możliwość konfiguracji w wybranych modułach |
| Optymalizacja SEO | Zastosowano nowoczesne rozwiązania oraz rekomendacje renomowanej agencji SEO onely.com | Oferuje starszą technologię spełniającą podstawowe wymagania dla stron internetowych |
| Środowisko Developer friendly czyli gotowość na wdrażanie w łatwy sposób, konfigurowalnych rozwiązań do szablonów Storefront oraz aplikacji App Store | Nowa technologia, rozbudowane dodatki, własne moduły z własną konfiguracją ,pełna i nieustannie rozwijana dokumentacja (sprawdź dokumentację techniczną) | Ubogie developer experience |
| Koszyk zakupowy | Wygodny, szybki, przyjazny dla kupujących. Koszyk dwustopniowy. | Czasochłonny i niewygodny. Koszyk trzy lub czterostopniowy. |
| Prędkość wczytywania strony | Duża, dzięki wykorzystaniu technologii Turbo, która znacząco zmniejsza ilość standardowych kodów JavaScript. Ponadto przyspiesza proces przechodzenia po wew. linkach sklepu oraz przesyłanie formularzy, eliminując potrzebę pełnego przeładowania strony. | Niska |
| Prawdopodobieństwo komplikacji w zmodyfikowanych szablonach po aktualizacjach oprogramowania Shoper | Znikome – ze względu na konstrukcję szablonu Storefront oraz zastosowane w nim pozostałe aspekty techniczne | Duże |
| Szablony w Skinstore (dostępne wkrótce) | Większe możliwości edycji dedykowanych dla szablonu modułów, treści demonstracyjne dostępne zaraz po instalacji szablonu, łatwość zamiany treści demo na własne | Brak możliwości edycji predefiniowanych modułów, konieczność konfiguracji dedykowanych modułów, brak treści demonstracyjnych po instalacji szablonu w sklepie |
| App Store | Możliwość dostarczania własnych modułów do budowania aplikacji oraz możliwość ich łatwej konfiguracji | Ubogi, niestandaryzowany dostęp do frontu szablonu |
| Rozwój technologii | Nieustanny rozwój szablonów: poprawa ich funkcjonalności, użyteczności, prędkości ładowania itp. | Rozwój bardzo ograniczony, przez wzgląd na konstrukcje szablonu, wiek, modyfikacje klientów itp. |
Jakie możliwości edycji szablonu Storefront udostępnia Shoper Visual Editor?
Nowa wersja Shoper Visual Editor odpowiada bezpośrednio za wszelkie ustawienia w szablonach typu Storefront.
Nowy edytor daje ci jeszcze więcej możliwości edycji szablonu sklepu, w obszarach, które do tej pory były niedostępne.
- Więcej informacji: jak wygląda interfejs w nowej wersji Shoper Visual Editor?
Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
- Co wyróżnia Storefront w porównaniu z starą wersją szablonu?
- Jak włączyć nowy edytor Shoper Visual Editor?
- Jakie narzędzia i funkcje udostępnia interfejs nowego edytora?