Intense 1.2: zobacz co nowego!

Przedstawiamy Państwu drugą aktualizację szablonu Intense. W tym wpisie znajdziesz szczególowe informacje na temat poprawek i ulepszeń w naszym uniwersalnym szablonie HTML5!

Demo Pobierz!

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].