Przedstawiamy Państwu drugą aktualizację szablonu Intense. W tym wpisie znajdziesz szczególowe informacje na temat poprawek i ulepszeń w naszym uniwersalnym szablonie HTML5!
Wersja 1.2 zawiera 6 części: newe komponenty, typy nagłówka i stopki, skórki, strony, tematy potomne i dokumentację.
Nowe komponenty
Układ produktów w trybie siatki w.2
Teraz można dodać gwiazdki rankingu do produktów. W ten spo With a new type of product grids, you can add star ratings to your items. W taki sposób, klienci będą mogli zobaczyć, jak inni oceniali produkty z katalogu.
* * *
Wpisy wydarzeń w.2
Wykorzystaj wpisy tego typu aby poinformować klientów o nadchodzących wydarzeniach. Każde wydarzenie może być wyświetlane wraz z tematem, organizatorem, datą i czasem. Przy aktywowaniu zdjęcia, użytkownicy uzyskują dostęp do opcji, które pomogą aby przeczytać więcej informacji na temat tego wydarzenia.
* * *
Poziome przerywane karty
Druga aktualizacja posiada nowy typ kart - są oni ułożone w rzędzie poziomym. Z ich pomocą można wyświetlić więcej treści i zaoszczędzić miejsce na stronie.
* * *
Terry Thumbnail
Po aktywacji klienci uzyskują dostęp do CTA-przycisków, z pomocą których klienci będą mogli doznać się więcej na temat serwisu. W dodatku zdjęcie jest lekko przyciemnione w celu zwrócenia uwagi do CTA-elementów.
* * *
Suwak z referencjami w.4
Teraz można dodać referencje klientów do suwaka i wyświetlić je w trzy kolumny.
* * *
Nowe nagłówki i stopki
Top panel
Z pomocą tego układu nagłówka, można wyświetlić więcej elementów w górnej części strony. Można dodać dodatkowy wiersz z danymi kontaktowymi, opcją logowania i rejestracji na pasku nawigacyjnym. Są również 2 kolory do wyboru dla górnego panelu nagłówka - ciemny i jasny.
* * *
Logo-Centric
Logo firmy można umieścić w centrum nagłówka, pomiędzy numerem telefonu i opcją wyszukiwania. Ten układ nagłówka jest dostępny w ciemnych i jasnych kolorach.
* * *
Układ stopki w.4
Przedstawiamy nowe rozwiązanxie dla stopki. Nowa wersja nie zawiera żadnych RSS social media, formularzy czy bloków HTML. Posiada tylko linki do głównych stron witryny i profilów w social media.
* * *
Nowe skórki
Sunrise
Sunrise posiada nowoczesny design i dobrze strukturowany układ. Pod pełnoekranowym suwakiem, są wyświetlane miniatury zdjęć kategorii z efektem Terry. Również ona jest wyposażona w nową wersję bloków z referencjami - teraz są oni wyświetlane w suwaku. Pomarańczowe elementy nawigacyjne (przyciski, ikony, liczniki itd.) pomagają klientom szybko znaleźć pożadane informacje.
* * *
Renaissance
Ta elegancka skórka posiada bardzo imponujące poprzez nagłówki z kaligraficznymi literami, koralowe elementy projektowe i CTA-przyciski z zaokrąglonymi krawędziami. Logo-centric nagłówek pozostaje widoczny w górnej czźści strony podczas przewijania, co znacznie ułatwia poruszanie się stroną. Za względu na wykorzystanie efektu paralaksy, treści strony wygląadają bardzo dynamicznie. Strona domowa jest wyposażona w obszar z informacjami wprowadzającymi, galerię z opcją filtrowania, bloki z członkami zespołu, sekcję referencji, a bloki z wideo. Można również dodać dodatkową galerię z odznakami oceny, opcją komentowania i opcją szybkiego przeglądu.
* * *
Nowe strony
Nasz zespół
Na tej stronie z układem w trybie siatki można zaprezentować zespół firmy, uzupełnić informacje o zdjęcia, nazwiska, numery telefonów i e-maili. Strona jest wyposażona w karty, oraz opcje filtrowania według różnych kategori.
* * *
Logowanie/Rejestracja
Strona logowania i rejestracji posiada karty. W ramach każdej z nich jest możliwość logowania się przez serwisy społecznościowe.
* * *
Kategorii
Strona jest wyposażona w mnóstwo filtrów - typy, kategorie, statusy, daty, ceny, oceny i sprzedaży.
* * *
Skontaktuj się z nami w.3
Sprawdź trzecią wersję strony kontaktowej. Jej układ pozwala na wyświetlanie informacji w czterech kolumnach, pod którym znajduje się formularz kontaktowy i mapa Google.
* * *
Bądź w kontakcie
Na tej stronie można wyświetlić przyciski naśladowania, godziny pracy i inne ważne informacje w pasku bocznym obok formularza kontaktowego, który znajduje się nad mapą.
* * *
Strona pojedynczego projektu w.3
W ramach drugiej aktualizacji, szablon Intense dostał nowy układ strony prezentacji każdego projektu. Zdjęcia na tej stronie są wyświetlane z pomocą suwaka, który znajduje się obok bloku z informacjami na temat autora, który jest uzupełniony o CTA-przyciski.
* * *
Kasa w.2
Choć domyślna strona Koszyka posiada wszystkie niezbędne informacje, nowa wersja jest wyposażona w karty w celu dzielenia proces transakcji na etapy. Klienci mogą sprawdzić swój koszyk, wypełnić informacje rozliczeniowe i wybrać metodę płatności krok po kroku.
* * *
Nowe tematy potomne
Nieruchomości
Druga wersja Intense zawiera niestandardowy temat potomny dla agencji nieruchomości. Na stronie domowej tego tematu w prawym górnym suwaku znajduje się wyszukiwarka. Temat został uzupełniony o efekt Terry, miniatury kategorii, bloki referencji itd.
Aby przedstawić każdego z pracowników istnieje strona dla członków zespołu podzielona na dwie części. W górze są wyświetlane informacje na temat określonej nieruchomości, liczby zamkniętych transakcji itd, dane kontaktowe oraz kilka akapitów tekstu. W dolenej części można wybrać obiekty z pomocą zaawansowanych filtrów. Obiekty można sortować według właściwości, lokalizacji, stanu, typu, ceny, minimalnej liczby łóżek i kąpieli.
Najnowsze kwatery są wyświetlane ze zdjęciami, cenami, liczbą pokoi oraz tekstem. Aby uzyskać więcej informacji klienci mogą przejść do strony właściwości. Posiada suwak fotograficzny, dłuższy opis i dodatkowe informacje, np rodzaj dachu, rok budowy, liczba pokoi, itp. Lokalizacja jest wyświetlana na mapie interaktywnej wraz z informacjami kontaktowymi.
* * *
Handmade
Ten temat potomny pomoże Ci skutecznie sprzedawać rzęcznie robione przedmioty. Został zaprojektowany według najlepszych tradycji eCommerce, i jest wyposażony w takie opcje jak: rozwijany koszyk, wyszukiwanie w trybie "na żywo", lepkie menu itd. Produkty sklepu są wyświetlane z oceną, ceną, naklejką obniżonej ceny i odznaką statusu "Nowe/ promocja". Po aktywowaniu zdjęcia, klienci uzyskują dostęp do przycisku Dodaj-do-koszyka. Z pomocą kart można podzielić produkty według takich kategorii jak - nowe, popularne, bestsellery i promocyjne.
Z pomocą tego tematu można lekko wyświetlić wszystkie podstawowe informacje na temat firmy, nadchodzących wydarzeń, oraz oceny artystów i najnowsze wpisy na blogu. W dolnej części tematu można wypromować swoje pracy, korzystając do tego z galerii z opcją szybkiego przeglądu. W dodatku ten temat został uzupełniony o paralaksowe tło, przezroczyste przyciski itd.
* * *
Klinika stomatologiczna
Ten temat potomny szablonu Intense przyda się podczas tworzenia stron dla promowania usług medycznych. Temat został zaprojektowany w minimalistycznym stylu i posiada mnóstwo funkcji. W ramach tego tematu można skutecznie wypromować usługi kliniki, wyświetlić referencje, nowiny itd. Temat jest uzupełniony o pełnoekranowy suwak i sekcji rezerwacji, a efekt paralaksy pomaga stworzyć poczucie głębi podczas przewijania.
* * *
Dokumentacja
W ramach drugiej aktualizacji znajdziesz w pełni zrewidowaną dokumentację. Uzyskasz kompleksowe tutoriale na tema pracy z dowolnym elementem Intense. Oprócz głównych punktów na temat struktury szablonu HTML5, są również pliki z informacją na temat dostosowania i wykorzystania komponentów, modułów rozszerzeń i widżetów.
* * *
Ten artykuł został przetłumaczony z angielskiego. Oryginał można znaleźć tutaj: Intense Update 1.2: Broaden Your Outlook on Web Development of 2016 [Giveaway Inside].