Inspiration — gotowe szablon graficzny

Odwiedzający sklepy internetowe są zazwyczaj bardzo nastrojowi, niecierpliwi i, bądźmy szczerzy, dość leniwi. Jesteś do nich z otwartymi ramionami, a oni nie zawsze odwzajemniają się. Nie mogą czekać na kilka sekund przed załadowaniem strony, zawołają przycisk "Złóż zamówienie", stracą koszyk i ostatecznie zamówią nie to, co chcieli, a następnie napiszą negatywną opinię, zamiast wnikać w Twoją lokalizację, stać się nieco bardziej cierpliwym i nieco bardziej uważnym.

Jednak, jak w każdym związku, ktoś musi zrobić pierwszy krok! A teraz nie powinieneś się już martwić - zrobiliśmy ten krok za Ciebie, motyw projektu "Inspiration" - Inspiracja!

Nowe technologie już są!

Zacznijmy od najciekawszego - wyglądu!

Proponujemy wybrać jeden z epitetów najbardziej odpowiedni do opisu projektu Twojego sklepu, ponieważ od teraz to Ty decydujesz, jak powinna wyglądać Twoja strona i gdzie powinien być umieszczony dany element!

7 podstawowych układów czapek.

Elementy nagłówku mają swoje własne ustawienia i można je wyłączyć w ustawieniach motywu.

4 podstawowe układy stopki.

Wszystkie elementy stopki są edytowalne i można je wyłączyć w ustawieniach motywu.

Układ stopki lub nagłówku.

Na podstawie gotowego układu (nagłówku/stopki) możesz stworzyć swój własny, ustawić schemat kolorów, umieścić elementy w żądanej kolejności i określić charakterystykę bloków dla urządzeń o różnych szerokościach, poświęcając na to tylko kilka minut.

Wyświetlanie strony towaru.

Wybierz preferowane opcje układu strony towaru.

Wybierz tryb wyświetlania i lokalizację miniatur towarów.

Wyłącz podstawowe lub dodaj elementy informacji o produkcie i wyświetl wszystko w odpowiedniej kolejności.

Powiązane elementy sklepu

Możesz wybrać i dostosować elementy strony głównej sklepu:

• pokaz slajdów
• karty promocyjne
• infobloki
• kategorie
• listy towarów
• marki
• aktualności
• zdjęcie

Dla każdego z elementów sklepu dostępne są własne ustawienia rozmieszczenia i wyglądu, przy czym każdy z wymienionych elementów może być umieszczony w różnych konfiguracjach na dowolnych innych stronach witryny.

Wyskakujące okienka, galerie, suwaki, akordeony i wiele więcej!

Szablon wykorzystuje "UIkit" - wysoce modułowy Framework front-end, który wyróżnia się spośród większości elastycznych i responsywnych komponentów o jasnych nazwach. Zawiera wiele komponentów modułowych, wśród których: menu, formularze HTML, tabele, komponenty JS (zakładki i okna modalne, elementy ogólne, takie jak przyciski, znaki i nakładające się warstwy), a także elementy układu, takie jak płynne, adaptacyjne systemy siatek.

Możesz samodzielnie korzystać z dowolnego komponentu zarówno na stronach, jak i w plikach szablonów - cała funkcjonalność jest już dostępna i skonfigurowana.

Ikony

Obiekty SVG są używane jako ikony, co pozwala zwiększyć prędkość z powodu braku dodatkowych żądań http, a ponadto nie ma powiązania z usługami stron trzecich, które są zablokowane lub działają wolno.

Interaktywna mapa

Do szablonu dodano ustawienie, które pozwala wyświetlić mapę z adresem lokalizacji biura lub sklepu.

Projekt motywu

Dowolna zmiana wyglądu dowolnych grup elementów!

W Ustawieniach motywu usunęliśmy wszystkie elementy związane z projektem. Wszystkie ustawienia projektu wprowadziliśmy w osobnej bezpłatnej wtyczce - "Dostosuj motyw", w której możesz wybrać kolor, czcionki, wcięcia itp.; zobacz wynik bez przeładowywania strony.

Powiązanie parametrów towaru

Przy kilku parametrach towaru możesz sprawdzić dostępność żądanej odmiany zakupu poprzez zmiany w sąsiednich polach ("dostępność" i przycisk "do koszyka") i tylko po wybraniu ostatniego parametru. Dla gościa niezaznajomionego z logiką i funkcjonalnością sklepu jest to bardziej loteria.

Motyw "Inspiration" zawiera rozwiązanie tego problemu! Wszystkie parametry są w nim powiązane, bez względu na to, ile ich jest. Zakup nie stanie się trudnym zadaniem dla odwiedzającego, nie będzie musiał losowo klikać przycisków - zobaczy dostępność każdej odmiany.

Powiązanie wariacji i zdjęć towaru.

W aplikacji "Sklep" dla każdej odmiany można powiązać obraz. Zmieniając odmianę, zmieniają się główne obrazy. Ale tylko w motywie "Inspiracja", podczas przesuwania obrazów, zmieniają się wartości parametrów towaru.

Pierwszy dostępny artykuł.

Główny artykuł nie jest w magazynie - oznacza to, że odwiedzający, po wejściu na stronę produktu, zobaczy, że nie ma go w magazynie, ale być może istnieją jego odmiany w magazynie. Jednak odwiedzający może tego nie odgadnąć. Motyw "Inspiration" (przy włączonej opcji) wybiera na stronie towaru pierwszą dostępną do zakupu odmianę.

Numery katalogowe towarów.

Artykuły na elementach radiowych można zastąpić zwykłymi przyciskami.

Automatyczna Naklejka.

Na listach towarów, towary z przekreśloną ceną, automatycznie pojawia się Naklejka - "rabat ..%".

Blok "Oszczędzasz".

Na stronie towaru, w przypadku przekreślonej ceny, automatycznie pojawia się blok z napisem - "Oszczędność".

Powiadomienie.

W przypadku opóźnienia odpowiedzi z serwera, użytkownik nie może od razu zobaczyć wynik swoich działań. Albo opuści witrynę, albo będzie klikał, dopóki coś się nie wydarzy. A może się zdarzyć na przykład: ekran błędu, kilkanaście identycznych zamówień lub pełny koszyk identycznych towarów z ogromną sumą.

W motywie "Inspiration" kliknięcie przycisku blokuje element i wyświetla ikonę postępu do momentu otrzymania odpowiedzi z serwera. Dwukrotne kliknięcie przycisku po prostu nie zadziała, a jednocześnie odwiedzający widzi, że coś się dzieje i nikt o nim nie zapomniał.

Filtr antyspamowy.

Recenzje spamu, boty: każdy z nas wie, co to jest i ile czasu zajmuje kontrolowanie i czyszczenie witryny z tych śmieci. Motyw "Inspiration" ma wbudowane rozwiązanie, które może stanowić poważną przeszkodę dla wielu automatycznych spamerów.

Seo optymalizacja:

• rel="canonical", rel="prev" i rel="next" dla kategorii sklepu.
• Wyłączenie opisu kategorii na 2 i kolejnych stronach sklepu.
• Obiekty SVG są używane jako ikony, co pozwala zwiększyć prędkość z powodu braku dodatkowych żądań http, a ponadto nie ma powiązania z usługami stron trzecich (które są zablokowane lub działają powoli).
• Obsługa mikrozmiarów "schema.org" zgodny ze standardem.
• Opóźnione ładowanie obrazów. Obrazy w sklepie internetowym zajmują imponującą część treści, prawie dwukrotnie wydłużają czas ładowania strony i mnóstwo powiadomień "pagespeed" o optymalizacji i niezgodności. Opóźnione ładowanie obrazów z "Inspiration" pozwala pozbyć się tego problemu.

Inne ustawienia

Prawie wszystkie inne ustawienia mają prawie wszystkie inne szablony, więc po prostu wymień je na liście.

• Wyłączany pasek boczny na wszystkich typach stron (Strona główna, kategoria, produkt, koszyk, strony sklepu i witryny)
• Wybór miejsca umieszczenia opisu kategorii.
• Leniwe ładowanie po kliknięciu przycisku "Pokaż więcej" po pierwszych 2 automatycznych ładowaniach (opcja niestandardowa).
• Przyklejony blok zakupu na stronie towaru
• Możliwe jest włączenie bloku dodatkowych informacji na stronie towaru (początkowo jest krótki opis i specyfikacje, które można zastąpić dowolną inną zawartością)
• Pokaz slajdów na głównej może działać na kartach promocyjnych, zdjęciach aplikacji fotograficznych i listach towarów. Co więcej, w trybie demonstracyjnym kart promocyjnych możesz wybrać zakres od i do.
• Warianty towaru
• Włączanie i wyłączanie artykułu i oceny towaru
• Włączanie/Wyłączanie wyboru "ilość towaru" do dodania do koszyka
• Rodzaj wyświetlania przeglądu towarów: Akordeon, Taby lub bloki
• Bloki dowolnych informacji o produkcie (takie same dla wszystkich towarów sklepu)
• Koszyk z rozwijaną listą dodanych towarów, w którym można zmienić ilość, usunąć towar
• Automatyczne wyszukiwanie towarów podczas wypełniania pierwszych znaków
• Przycisk "w górę"
• Możliwość przesłania obrazu "Stub" dla towarów, które nie mają obrazu
• Przełącznik języka witryny
• Wybór waluty
• Funkcjonalność porównania (można wyłączyć)
• Funkcjonalność wybranych towarów (można wyłączyć)
• Funkcjonalność przeglądanych towarów (można wyłączyć)
• Możliwość wyłączenia funkcjonalności zakupu towarów (brak przycisku Kup i koszyk)
• Filtr AJAX - automatyczne ładowanie towarów w zależności od wybranych cech
• Podgląd towaru
• Suwak obrazu na karcie listy towarów
• Możliwość wyłączenia/włączenia elementów na karcie listy towarów
• Konfiguracja danych kontaktowych
• Mapa na stronie głównej sklepu
• Przyciski/Linki do serwisów sieci społecznościowych
• Pola dla widżetów sieci społecznościowych
• Pole do wstawienia kodu liczników odwiedzin
• Obsługa mikrozmiarów "schema.org" zgodny ze standardem

Adaptacja do dowolnego urządzenia podglądu.

"Inspiration" jest pięknie wyświetlany na ekranach urządzeń mobilnych, nie mniej wygodny niż korzystanie z pełnej wersji strony.

Czysty i profesjonalnie napisany kod:

Ani jednego błędu podczas sprawdzania poprawności w3c.org