Serwis Tympanus przygotował szkielet witryny sklepu internetowego, w której produkty ułożone są w popularnym gridzie. Nie było by w tym nic innowacyjnego, gdyby nie fakt, że do poszczególnych produktów dodany został slider. Brzmi kosmicznie prawda? O dziwo jest całkiem użytecznie. Otóż slider obsługuje dotyk, więc użytkownik znajdując się na stronie w sprawny sposób może przewijać się miedzy wariantami produktu (poszczególnymi zdjęciami), bez konieczności wchodzenia na stronę produktową. Co Ważne całość opatrzona jest w możliwości filtrowania, bez konieczności przeładowania strony. A jeśli do tego dorzucimy pełną responsywność, to mamy naprawdę interesujący kawał materiału do dostosowania na własne potrzeby. Demo i cały tutorial znajdziecie pod przyciskami poniżej.

[s_button url=”https://tympanus.net/Blueprints/FilterableProductGrid/” target=”blank” style=”soft” background=”#4eaf21″ size=”7″ radius=”0″ icon=”icon: eye” text_shadow=”0px 0px 0px #000000″]Demo[/s_button] [s_button url=”https://tympanus.net/codrops/2015/06/16/filterable-product-grid/” target=”blank” style=”soft” background=”#d54e21″ size=”7″  radius=”0″ icon=”icon: download” text_shadow=”0px 0px 0px #000000″]Pobierz[/s_button]

 


Posłuchaj nas!