Loop Builder to jedna z najbardziej rewolucyjnych funkcji Elementor Pro. Pozwala projektować pętle wpisów, produktów i niestandardowych typów treści za pomocą wizualnego edytora, bez znajomości PHP i pętli WordPressa.
Czym jest Loop Builder?
Loop Builder to widget, który wyświetla wiele elementów (wpisy, produkty, projekty) na podstawie jednego szablonu pojedynczego elementu. Projektujesz raz wygląd jednej karty, a Elementor automatycznie powiela ją dla wszystkich pasujących wpisów.
Tworzenie szablonu pętli
Wejdź w Szablony → Theme Builder → Loop Item i utwórz nowy szablon. Zaprojektuj kartę: tytuł, miniaturkę, fragment, datę, autora i CTA. Każdy element może być powiązany z dynamicznym tagiem (Post Title, Post Featured Image, Post Excerpt).
Wstawianie pętli na stronie
Na docelowej stronie przeciągnij widget Loop Grid lub Loop Carousel, wybierz utworzony szablon i ustaw filtry – kategoria, autor, data, liczba wyświetlanych elementów. Możesz też dodać paginację i sortowanie.
Dynamiczne dane i ACF
Loop Builder działa świetnie z polami niestandardowymi z ACF, JetEngine czy Pods. Dzięki temu zbudujesz katalog nieruchomości, listę pracowników, portfolio z filtrowaniem czy katalog produktów bez WooCommerce.
Podsumowanie
Loop Builder zmienia sposób budowania nowoczesnych stron. Zamiast ograniczeń gotowych widgetów dostajesz pełną kontrolę nad każdym elementem listy. To narzędzie warte poznania przez każdego, kto buduje strony zawierające wiele powtarzalnych treści.
Przykład praktyczny: siatka wpisów blogowych z własną kartą
- Utwórz szablon Loop Item i zaprojektuj JEDNĄ kartę: obrazek wyróżniający (widget Featured Image), tytuł z linkiem, data, zajawka i przycisk.
- Ustaw stałą wysokość obrazka (np. 220 px, object-fit: cover) — bez tego siatka „skacze” przy różnych proporcjach zdjęć.
- Na stronie docelowej wstaw widget Loop Grid i wskaż swój szablon.
- W zakładce Query ustaw źródło (wpisy/CPT), sortowanie i wykluczenia (np. bieżący wpis na stronach single).
- Sprawdź paginację — Loop Grid obsługuje klasyczną, „załaduj więcej” i nieskończone przewijanie.
Loop Builder + WooCommerce
Od wersji Pro z Loop Builderem zbudujesz też własne karty produktów: cena, przycisk dodania do koszyka i badge promocji jako osobne widgety w szablonie pętli. To koniec walki z wyglądem domyślnej siatki WooCommerce — kartę projektujesz raz i działa w każdej siatce produktów na stronie.
Typowe błędy z pętlami
- Duplikaty zapytań — dwie pętle na stronie z tym samym Query pokazują to samo; użyj offsetu albo wykluczeń.
- Wolna strona przy wielu pętlach — każda pętla to zapytanie do bazy; przy 3+ siatkach włącz cache obiektowy.
- Brak fallbacku — ustaw komunikat „Nothing found”, inaczej pusta kategoria wyświetla pustkę.
FAQ — Loop Builder
Czy Loop Builder jest w darmowym Elementorze?
Nie — to funkcja Elementor Pro. Porównanie wersji: Elementor Free vs Pro, a koszty w przewodniku po cenach.
Czym Loop Builder różni się od widgetu Posts?
Widget Posts daje gotowe, ograniczone układy kart. Loop Builder pozwala zaprojektować kartę od zera z dowolnych widgetów — łącznie z polami niestandardowymi z ACF.
