Uzyskaj natychmiastowy hosting z elementem ELEMENTORem i ELEMENTOR PRO

Z CDN, SSL i kopią zapasami.

Zacznij dzisiaj

Jak łatwo stworzyć pionową karuzelę Elementora

Muneeb Poradniki WordPress Nov 23, 2021

Karuzela to zbiór obracających się banerów lub pokaz slajdów wyświetlany na stronie głównej Twojego sklepu. Pozwala wyświetlić do pięciu slajdów ze zdjęciami i tekstem, które mogą być powiązane z określonymi towarami lub witrynami.

W tym samouczku omówimy proces tworzenia pionowej karuzeli Elementor w kilku prostych krokach bez korzystania z żadnych dodatków lub wtyczek innych firm.

Jak dodać pionową karuzelę za pomocą Elementora

Na początek dodaj sekcję jednokolumnową dla zawartości pionowego suwaka Elementora .

Wypełnij tę kolumnę różnymi wewnętrznymi sekcjami. Wewnętrzne sekcje tej pionowej karuzeli Elementor zamienią się w slajd. I ustaw nazwę klasy dla kolumny zawierającej wszystkie sekcje.

Zaczynaj

Następnie skonfiguruj nazwę klasy również dla wszystkich sekcji wewnętrznych. Nazwaliśmy go Swipee, aby nie pomylić go z innymi klasami w bibliotece Elementor.

Następnie możesz użyć następującego kodu HTML do funkcjonalności elementu Elementor Vertical Carousel.

>script src="https://unpkg.com/swiper/swiper-bundle.min.js"/scriptscript/scriptstyle/style

Wstaw ten kod do elementu HTML, który jest umieszczany za sekcją pionowego suwaka Elementora .

Możesz teraz wstawiać strzałki, aby poruszać się po pionowych slajdach.
Dodaj dwie ikony strzałek, jedną skierowaną w górę, a drugą w dół. Przypisz nazwę zajęć przesuń palcem w górę do strzałki w górę i przesuń palcem w dół do strzałki w dół.

Co więcej, możesz również zmienić kierunek na poziomy, usuwając atrybut kierunku.

Wysokość wrappera powinna być taka sama lub większa niż wysokość największej wewnętrznej sekcji kodu CSS tutaj.

Rozmiar przycisków nawigacyjnych suwaka można zmienić, dostosowując transformację. Wartości CSS pokazano poniżej.

To wszystkie zmiany, które możesz chcieć wprowadzić, podczas gdy możesz je dalej zmieniać zgodnie z własnymi preferencjami i zobaczyć wygląd swojej witryny, a skończysz z utworzeniem pionowej karuzeli dla Elementora .

To wszystko z tego samouczka. Dołącz do nas na Facebooku i Twitterze, aby być na bieżąco z naszymi postami.