Kiedy dopiero zaczynałam pracować ze stronami eCommerce, bardzo zależało mi na tym aby przedstawić klientom jak najwięcej produktów. Dlatego wypełniłam stronę domową e-sklepu przez tak dużą ilość pozycji, jak tylko to było możliwe. Im więcej produktów pokażę, a także większy wybór będzie miał klient, tym większe będą szanse na sprzedaż. Tak myślałam.
Jednak wraz z rozszerzeniem katalogu strona domowa sklepu stała się tak przepełniona przez rówżne produkty i elementy projektowe, że zaczęła ładować się znacznie wolniej, co spowodowało nie tylko spad ruchu,ale zmniejszenie sprzedaży.
Gdy liczba odwiedzających, którzy zamknęli stronę bez zakupu, stała się ogromną, zrozumiałam, że nadszedł czas na zmiany. Z jednej strony chciałam, aby sklep miał minimalistyczny wygląd i nie był przesycony przez treści, aby zapewnić użytkownikom maksymalną wygodę użytkowania. Ale z drugiej strony nie chciałam pójść na kompromis w sprawie prezentacji produktów. Moim celem było wyświetlenie maksymalnej ilości pozycji z katalogu na stronie domowej.
Tworzenie responsywnych stron: jakie masz opcje? [Darmowa e-książka]
Znalazłam idealne rozwiązanie swojego problemu - wtyczki jQuery do dodawania karuzeli produktów. Karuzela produktów była cechą, której brakowało mojemu sklepowi. Z jej pomocą mogłam zaprzentować wiele produktów na raz na stronie bez jej przeciążania.
Więc, jeśli Ty też szukasz skrypty, które pomogą Ci dodać stylową karuzelę produktów na stronę, sprawdź naszą listę wtyczek jQuery. Te wtyczki pomogą Ci stworzyć slideshow, przypominający karuzelę, w którym można przesuwać zdjęcia za pomocą strzałek-wskaźników lub po prostu wyświetlać prezentację w trybie automatycznym. Na tej liści są również kilka wtyczek jQuery, które obsługują slideshow z wideo lub blokami tekstowymi.
W dodatku, w niektórych przypadkach będziesz mógł wybrać tryb prezentacji produktów w karuzeli poziomy lub pionowy, zakres pozycji elementów, efekty przejścia, okres czasu wyświetlania slajdów itd. Korzystając z tych wtyczek jQuery będziesz mógł nie tylko zaoszczędzić mnóstwo miejsca na stronie, ale stworzyć przyjemną dla oka przentację katalogu swojego sklepu.
Jeśli niejesteś pewny swoich umiejętności technicznych, i że dodasz karuzelę samodzielnie - w naszym katalogu są rozwiązania z elementami jQuery!
* * *
Circular Content Carousel
* * *
Elastislide
* * *
CarouFredSel
* * *
Infinite Carousel
* * *
jQuery i CSS3 responsywna karuzela zdjęć - Tikslus Carousel
* * *
AnythingSlider
* * *
Moving Boxes
* * *
Supersized jQuery Plugin
* * *
Moodular
* * *
WOW Slider
* * *
TN3 Gallery
* * *
Slides - jQuery wtyczka do dodawania pokazu slajdów
* * *
bxSlider jQuery HTML suwak treściowy
* * *
Cross browser 3D Carousel
* * *
Awkward Showcase
* * *
Cloud Carousel - 3D Karuzela Javascript
* * *
jsCarousel V2.0
* * *
ItemSlide.js
* * *
jCarousel Lite
* * *
dualSlider
* * *
Spacegallery
* * *
Rcarousel
* * *
Owl Carousel 2
* * *
Coin Slider
* * *
jCoverflip
* * *
Galleria
* * *
jQuery Liquid Carousel
* * *
Agile Carousel
* * *
3D Carousel
* * *
Skitter
* * *
Barousel
* * *
Tiny Carousel
* * *
Infinite Carousel
* * *
jQuery Cycle Plugin
* * *
Step Carousel Viewer
* * *
iCarousel
* * *
jQuery Feature Carousel
* * *
3D Carousel
* * *
Monte
* * *
Roundabout
* * *
AnoSlide
* * *
Carousel.js
* * *
ma5slider
* * *
ResCarousel
Ten artykuł został przetłumaczony z angielskiego. Oryginał można znaleźć tutaj: 43 jQuery Plugins for Carousel-Type Content Sliding