Loop Carousel er Elementor Pros dynamiske karrusel. I stedet for at tilføje slides i hånden, bygger du én slide som skabelon og peger widgeten mod en forespørgsel (indlæg, produkter eller enhver brugerdefineret posttype), og den fylder sig selv. Tilføj et indlæg, karrusellen opdaterer. Ingen redigering påkrævet.
Den ankom til Elementor 3.11, og det er den Elementorkarruselwidget de fleste mennesker er faktisk på udkig efter, når de søger efter en post karrusel eller et produkt skyderen. Det er også Pro-only, med ingen gratis ækvivalent i Elementor kerne, så den anden halvdel af dette indlæg dækker gratis karrusel widgets det får dig tæt på, hvis du ikke har en licens.
Hvad denne vejledning dækker
- Loop Carousel vs Loop Grid: hvilken skal man bruge
- Hvad du har brug for, før du starter
- Sådan oprettes en Loop Karrusel i Elementor
- De indstillinger, der snubler folk op
- Loop Karrusel til WooCommerce produkter
- Ingen Elementor Pro? Den frie vej
- Når en Loop Karrusel er det forkerte valg
- Ofte stillede spørgsmål
Loop Carousel vs Loop Grid: hvilken
Samme motor, samme Loop Item skabelon, forskellig præsentation. Gitteret stabler rækker lodret. Karrusellen sætter de samme elementer på et vandret spor.
Vælg karrusellen, når varerne er valgfrie: en “du kan også lide” strip, relaterede indlæg, fremhævede produkter. Ingen behøver at se punkt syv for siden at give mening.
Vælg gitteret, når varerne er siden. Et arkiv, en butikskategori, et blogindeks. At skjule to tredjedele af en kategoriliste bag en pil koster dig konverteringer, fordi en shopper, der skal klikke for at se flere produkter, normalt ikke gør det.
Reglen, jeg ville give en klient: hvis sektionen har en overskrift som “Mere fra bloggen,” karrusel. Hvis overskriften er sidetitlen, gitter.
Hvad du har brug for, før du starter
- Elementor Pro. Loop Carousel er ikke i det gratis plugin, og der er ingen delvis version af det.
- En Loop Item skabelon. Dette er enkelt dias design: featured billede, titel, uddrag, knap. Bygget en gang i Theme Builder, genbrugt overalt.
- Indhold at forespørge. Indlæg, produkter eller en registreret brugerdefineret posttype.
På ældre installationer skal du muligvis også aktivere det under Elementor → Indstillinger → Funktioner. Det blev sendt bag et eksperimentflag og blev der i et par udgivelser, før det gik stabilt.
Sådan oprettes en Loop Karrusel i Elementor
Byg diaset først, derefter karrusellen. At gøre det omvendt betyder at designe inde i en trang forhåndsvisning.
- Opret skabelonen Loop Item. Skabeloner → Temabygger → Loop Item → Tilføj ny. Vælg den posttype, den gengiver. Du designer ét kort, ikke en liste, og Elementor viser et enkelt element og gentager det senere.
- Byg kortet med dynamiske tags. Tilføj en Image widget og sæt dens kilde til Dynamic → Udvalgt billede. Overskrift widget → Dynamic → Post Title. Teksteditor → Post Uddrag. Knap → Dynamic → Post URL. Intet her er hardcoded; hvert felt trækker fra hvilken post lander i den slot.
- Udgiv skabelonen og spring visningsforholdene over prompten. Loop-elementer behøver ikke betingelser, fordi de kaldes af en widget i stedet for at blive tildelt en placering.
- Drop Loop Karrusel widget på din side og vælg den skabelon, du lige har lavet under Vælg en skabelon.
- Indstil forespørgslen. Kilde (Indlæg, produkter eller din CPT), indsnævr den derefter: medtag efter taksonomi, ekskluder det aktuelle indlæg, indstil indlæg pr. side. Slå “Undgå duplikater” til, hvis der er en anden løkke på samme side, ellers vil din relaterede indlæg-strimmel gentage, hvad der allerede er i sidebjælken.
- Konfigurer karrusellen. Slides per view, slides to scroll, autoplay, infinite loop, speed, pause on hover. Indstil slides-per-view separat til desktop, tablet og mobil ved hjælp af enhedsikonerne øverst i panelet.
- Stil navigationen. Pile, prikker eller brøk. Størrelse, farve, position og hover-tilstand sidder alle i fanen Stil.
De indstillinger, der snubler folk op
Infinite loop har brug for nok elementer. Elementor kloner glider for at forfalske wrap-around, og det har brug for mindst to gange dine slides-per-view for at gøre det usynligt. Fire indlæg på tre-per-view vil synligt hoppe, når det ombrydes. Enten hæve indlæg-per-side eller slå løkken fra.
Posts-per-page er en forespørgselsgrænse, ikke en visningsgrænse. Sæt den til 6, og karrusellen rummer seks genstande i alt, hvor mange der end er synlige. Folk sætter den til 3 for at matche slides-per-view og undrer sig så over, hvorfor der ikke er noget at rulle til.
Kantgab ændrer antydningen. En karrusel, der ender med at skylle ved beholderkanten, ser færdig ud. Tilføj et lille kantgab, så det næste dias kigger ind, og folk ved, at det skal stryge. Det er et par pixels, og det ændrer interaktionshastigheden målbart.
Autoplay plus links er et dårligt par. Hvis dine slides er klikbare, og karrusellen bevæger sig på en timer, vil nogen række ud efter et kort og klikke på det, der erstattede det. Pause-on-hover løser skrivebordssagen. Ved berøring er der ingen hover, så for klikbare kort Jeg ville slå autospil helt fra.
Loop Karrusel til WooCommerce produkter
Samme proces, én forskel: indstil kilden til Produkter, og du får WooCommerce-specifikke forespørgselskontroller. Filtrer efter kategori, tag eller attribut, sorter efter pris, popularitet eller dato, og udelad ikke-lagerførte varer.
Loop Item skabelonen for produkter skal bære pris og en add-to-cart knap som dynamiske elementer, ikke statisk tekst. Miss det og hvert kort i karrusellen viser den samme pris, hvilket er præcis den slags fejl, der overlever til produktion, fordi det ser fint ud i editor preview.
Relaterede produkter, der er set for nylig, og “fuldfør udseendet” strimler er alle den samme widget med en anden forespørgsel. Og hvis du kun har brug for et produkt kaldet ud snarere end en strimmel, den Udvalgt produktwidget gør det uden en forespørgsel overhovedet. Det er en Pro-widget, og det er den eneste WooCommerce-produktwidget Master Addons-skibe.
Ingen Elementor Pro? Her er den frie vej
Loop Carousel er Pro. Hvis du er på gratis Elementor, får du det ikke, og ingen gratis tilføjelse genimplementerer Loop Item skabelonsystemet.
Hvad du kan få gratis er resultatet: en dynamisk karrusel, der trækker indlæg eller produkter og opdaterer sig selv. Master Addons' Blogwidget har en karruseltilstand i det gratis plugin. Forespørgsel efter posttype, kategori, tag eller forfatter, vælg et layout, skift displayet til karrusel, og konfigurer de samme pile, prikker, autoplay og per-breakpoint kontroller.
Afvejningen er ærlig: du designer ikke kortet. Blog-widgetten giver dig layoutforudindstillinger og en Style-fane i stedet for et tomt Loop Item-lærred. Hvis du har brug for pixelkontrol over sliden, er Elementor Pros tilgang bedre. Hvis du har brug for “seneste seks indlæg i en skyder, der ser anstændig ud”, kommer den gratis widget hurtigere dertil.
Produkterne er tyndere, og det er værd at sige klart: der er ingen gratis produktkarrusel widget. En glidende, selvopdaterende produktstrimmel har brug for Elementor Pros Loop Carousel, eller et håndfyldt layout som den nedenfor. Den produktkarruselguide fungerer gennem begge. Og hvis dine slides er faste billeder snarere end en forespørgsel, den gratis Billede Karrusel widget er den kortere rute, selvom du på det tidspunkt bygger en skyder, ikke en sløjfe.
Der er en tredje gratis mulighed, der er værd at vide om. Master Addons afsendes 20 navngivne karrusel- og skyderdesigns som importerbar Widget Builder filer, og 8 af dem importerer gratis. De er ikke forespørgselsdrevne, så du udfylder emnerne i hånden, men to sidder tæt på, hvad en Loop Carousel producerer. Quadrant Paged Catalogue sider et gitter med ni varebokse tre ad gangen, hver med et billede, kategori, titel og kopi, som er den nærmeste gratis ting til en sideordnet produktløkke. Ledger Index Slider sætter et klikbart indeks over poster ved siden af en displayplade, bygget til arkiver og lister over værker. Alle 20 er samlet på karrusel widgets hub.
Når en Loop Karrusel er det forkerte valg
Tre sager, og jeg har set alle tre gå galt på klientwebsteder.
Din arkivside. En kategori notering i en karrusel betyder Googles crawler ser seks produkter, hvor du har tres. Resten er i DOM, men signalet til en bruger, og til enhver, der bedømmer sidens dybde, er, at denne kategori er tynd.
Over folden på mobil. En dynamisk karrusel er en forespørgsel, en skabelongengivelse og en slider initialisering før noget maler. Sæt det øverst på en telefonside, og din største indholdsrige maling er en spinner.
Færre end fem varer. En karrusel med tre dias er et gitter, der får folk til at arbejde. Vis bare alle tre.
Ofte stillede spørgsmål
Er Elementor Loop Karruselfri?
Nej. Loop Carousel kræver Elementor Pro, og der er ingen reduceret gratis version. Det gratis alternativ er en forespørgselsdrevet karrusel-widget fra en tilføjelse, og Master Addons' Blog-widget har en karruseltilstand i sit gratis niveau, der trækker indlæg dynamisk. For håndfyldte layouts er 8 af Master Addons' 20 importerbare karruseldesign også gratis.
Hvad er forskellen mellem Loop Grid og Loop Carousel?
De deler den samme Loop Item skabelon og forespørgselskontroller. Loop Grid arrangerer resultater i rækker og kolonner; Loop Carousel sætter dem på et vandret glidende spor med pile og prikker. Brug gitteret til arkiver og lister, karrusellen til valgfri “relaterede” eller “udvalgte” strimler.
Hvordan tilføjer jeg en Loop Carousel i Elementor?
Byg først en Loop Item-skabelon i Theme Builder ved hjælp af dynamiske tags til billedet, titlen og uddraget. Udgiv den, og træk derefter Loop Carousel-widgetten over på din side, vælg den skabelon, indstil forespørgselskilden og filtrene, og konfigurer slides-per-view og autospil under Karruselindstillinger.
Hvorfor viser min Loop Carousel ikke indlæg?
Normalt forespørgslen. Kontroller, at Loop Item-skabelonens posttype matcher widgetens forespørgselskilde, fordi en skabelon, der er bygget til Indlæg, ikke gengiver Produkter. Den næsthyppigste årsag er et taksonomifilter uden matchende indhold. Den tredje er indlæg pr. side sat lavere, end du tror.
Kan Loop Carousel vise brugerdefinerede indlægstyper?
Ja. Enhver registreret offentlig posttype vises i rullemenuen forespørgselskilde, og dens brugerdefinerede felter er tilgængelige som dynamiske tags, hvis du bruger ACF, Meta Box eller Pods. Byg skabelonen Loop Item mod den pågældende posttype, og karrusellen håndterer resten.
Hvordan gør jeg en Loop Carousel responsiv?
Indstil slides-per-view separat på hvert breakpoint ved hjælp af enhedsikonerne øverst i indstillingen. Tre på skrivebordet, to på tablet, en på mobil er den sikre standard. Kontroller også pilstørrelsen på mobilen, fordi skrivebordets standard ofte er for lille til at være et behageligt tapmål.
Hvor skal man gå herfra
Hvis du har Pro, skal du bygge Loop Item-skabelonen først og behandle den som et designaktiv, du vil genbruge på tværs af gitter og karruseller til resten af webstedet. Det er det stykke, der betaler tilbage.
Hvis du hellere vil bygge kortet som en genanvendelig widget end en skabelon, er det hvad forfatter til din egen widget er for, og den prissætning side dækker det niveau, det sidder i.
Hvis du ikke gør det, skal du starte med de gratis forespørgselsdrevne widgets og se, om layoutforudindstillingerne får dig tæt nok på. Begge stier er dækket på Elementor Carousel Widgets side, sammen med resten af karrusel mulighederne. Beslutter du stadig om format? Karrusel versus skyder afregner, hvilken form din sektion faktisk har brug for, og skyderen plugin roundup dækker de plugins, der bygger det.
