Kako napraviti vodoravni izbornik u modxu. MODX izbornik s više razina pomoću Bootstrapa. Što je Wayfinder

Započnimo lekciju 8 MODx Revolucije za početnike. Da vas podsjetim da radimo web stranicu za proučavanje MODx Revolucije. U prošloj lekciji pogledali smo koncept isječaka, koji su dijelovi PHP koda koji nam omogućuju dodavanje funkcionalnosti našoj web stranici. U ovoj lekciji ćemo pogledati poseban isječak - Wayfinder, i koristit ćemo ga za izradu dinamičkog izbornika za našu web stranicu.

Što je Wayfinder?

Putokazivač je isječak koji prikazuje nerazvrstani popis poveznica na resurse u vašem stablu stranice; vrsta izlaza popisa ovisi o pozivu isječka i parametrima ovog poziva. Općenito, to znači da kada postavite poziv Wayfindera u svoj predložak, on počinje tražiti resurse koji zadovoljavaju parametre navedene u njemu i vraća popis poveznica na te resurse u nerazvrstanom formatu popisa ili u formatu koji vi definirate.

Zašto koristiti Wayfinder?

Obično koristim Wayfinder za izradu dinamičke navigacije web stranice, odnosno izbornika. Budući da većina HTML predložaka koristi neuređene popise za stvaranje izbornika, Wayfinder je idealan alat za tu svrhu. Prilikom izrade web-mjesta, možete pažljivo umetnuti svoje URL-ove u navigacijski izbornik, baš kao što ste prije radili na statičkom HTML web-mjestu. U isto vrijeme, svaki put kada trebate izbrisati ili stvoriti stranicu, morate napraviti odgovarajuće promjene u svom izborniku, promijeniti URL-ove. Korištenje Wayfinder isječka za dinamičko generiranje vaših izbornika izbjegava ovu glavobolju jer automatski otkriva promjene i mijenja vaš izbornik u skladu s tim.

Wayfinder je prilično fleksibilan alat i omogućuje vam da odredite koje resurse uključiti ili isključiti iz izbornika, kakav je predložak izbornika, koliko je dubok izbornik vaše stranice. Granica vaših mogućnosti određena je vašim HTML/CSS kodom.

Kako koristiti Wayfinder?

Kao što smo već spomenuli u prethodnoj lekciji, sintaksa za pozivanje isječaka izgleda ovako: [[!somesnippet]]

Ovo je samo osnovni poziv i nije dovoljan, osim toga moramo definirati neka svojstva ovog poziva. U slučaju Wayfindera, minimalno što treba definirati u svojstvima je mjesto na kojem bi Wayfinder u stablu resursa trebao početi graditi popis resursa. Stoga, prilikom pozivanja Wayfinder isječka, morate navesti barem jedan parametar - početni ID. Osnovni poziv Wayfinder isječka u ovom će slučaju izgledati ovako:

Ovaj poziv govori Wayfinderu da počne od korijena stabla ( ID 0 znači korijen stranice) i prikazuje sve resurse koji su objavljeni i koji nemaju kvačicu u potvrdnom okviru Sakrij iz izbornika.

Ako pogledamo predložak koji koristimo, možemo vidjeti gornji izbornik s nekoliko opcija i padajućih popisa.

Pogledajmo predložak i kod koji prikazuje ovaj izbornik:

Kao što vidite, ovo je ugniježđeni neuređeni popis. Zamijenimo ovaj kod osnovnim Wayfinder pozivom i vidimo što ćemo dobiti. Izbrišite gornji kod i zalijepite na njegovo mjesto:

[[!Tražilac puta? &startId=`0` ]]

Ako koristite isti predložak kao ja, vaš će kôd izgledati otprilike ovako:

Spremite predložak i pogledajte početnu stranicu, trebala bi izgledati ovako:

Fantastičan! Vidite da je naš prethodni izbornik, koji je imao nekoliko opcija, sada zamijenjen jednostavnim izbornikom sa samo jednom stavkom - Home. To nam govori da Wayfinder radi kako treba i uzima jednu stranicu s naše stranice i prikazuje njezin naslov kao stavku izbornika.

Kreirajmo još par resursa. Dodat ću stranicu About s 3 podređene stranice (MODx, Tutorials, Contact i FAQ stranice). Možete stvoriti bilo koje resurse ili stranice za svoje web mjesto. Cilj ove vježbe je stvoriti nekoliko izvora kako bi Wayfinder imao što prikazati.

Završio sam s izradom stranica i stablo resursa moje stranice izgleda ovako:

Sada imamo nekoliko stranica, pogledajmo kako će pozivanje Wayfindera generirati izbornik za našu stranicu:

Dobra vijest je da su se sve naše stranice pojavile u izborniku i klikom na svaku stavku izbornika dolazimo na odgovarajuću stranicu. (Da biste testirali ovaj element, dodajte malo teksta na svaku stranicu, na primjer, na stranici O stranici možete dodati "Ovo je stranica O" i ova će se poruka pojaviti kada se stranica otvori. Ne zaboravite da moramo definirati predložak za svaku stranicu, ali trenutno ne brinem o tome).

Loša vijest je da je formatiranje izbornika pokvareno, ali možemo to popraviti. Kliknite desnom tipkom miša na web stranicu i pogledajte izvorni kod (ili upotrijebite firebug za ovo), vidjet ćete to sada Putokazivač generira HTML ovako:

• Dom
• Oko
  • MODx CMS
  • Podloga za kodiranje
    • Blog
    • Usluge
• Kontaktirajte nas
• Tutoriali
• FAQ

Kao što vidite, ovo izgleda vrlo slično našem početnom statičkom kodu uz nekoliko iznimaka. Prvo je generiran Wayfinder

stavka bez klase sf-izbornik koji je korišten u našem statičkom kodu. Predložak treba ovu klasu za rad s CSS-om. Također je jasno da
• stavke imaju parametar raspon, koji se odnosi na elemente teksta veze u izvornom statičkom kodu i nije prisutan u generiranom kodu Wayfindera. Osim toga, naš statični HTML kod ima klasu trenutna-stranica-stavka, koji nije predstavljen u našem Wayfinder isječku koda. Svi ovi dijelovi koji nedostaju čine naš jelovnik neuglednim.

  Kako prilagoditi izlazni stil Wayfinder isječka

  Gledajući kako Wayfinder generira kod, postavlja se vrlo prirodno pitanje: "Kako možemo dodati dijelove koda koji nedostaju tako da želimo prikazati izbornik u obliku koji nam je potreban?" Odgovor je vrlo jednostavan, koristimo dijelove predložaka za formatiranje izlaza Wayfinder isječka.

  Wayfinder je fleksibilan alat i možete koristiti parametre za definiranje izgleda ispisa. Neki opći parametri omogućuju vam da odredite na kojoj razini započeti izradu jelovnika, koje stavke ne uključiti u jelovnik itd. Ostali parametri su parametri predloška, ​​koji vam omogućuju postavljanje koda HTML predloška za vaš izbornik, itd. Opisi potonjeg mogu se pronaći u službenoj dokumentaciji - http://rtfm.modx.com/display/ADDON/Wayfinder.

  Napomena: Neki parametri Wayfindera imaju zadane vrijednosti.

  Ovo objašnjava, na primjer, zašto u izborniku koji generira Wayfinder, stavka Početna stranica ima naziv klase " prvi aktivni" Ovo je zadana klasa, ali je možemo nadjačati definiranjem vlastitih klasa u dijelovima predloška.

  U ovom vodiču koristit ćemo nekoliko opcija Wayfindera, ali potičem vas da ih sve istražite i vježbate ih koristiti što je više moguće kako biste razumjeli sve njihove mogućnosti. Budući da su zadane postavke Wayfindera jasno dokumentirane na službenoj web stranici, bilo bi glupo o njima govoriti ovdje. Koristit ćemo ih sve više i više dok budemo prolazili kroz različite jelovnike.

  Za početak rada na predlošku izbornika, stvorimo nekoliko mini predložaka i spremimo ih u komadima. Vidjet ćete da u ovim dijelovima koristimo HTML kod, ali zamjenjujemo dinamičke elemente punila(ili rezervirana mjesta kako se još nazivaju) čija sintaksa izgleda ovako: [[+placeholder]]. Rezervirana mjesta koja koristimo specifična su za Wayfinder isječak i njihova je definicija očita iz naziva, ali uvijek možete pogledati MODx dokumentaciju za potpuniju pomoć.

  

  Evo dijelova koje ću koristiti za izradu našeg predloška:

  7in1menuOuter– sadržavat će HTML kod za naš vanjski ul spremnik.

  [[+wf.wrapper]]

  Vidite da sam dodao razred za vanjsku ul. Alternativni način da to učinite je korištenje rezerviranog mjesta wf.classes i zatim dodavanje naziva klase trenutnom pozivu putokazača pomoću parametra vanjskaKlasa. Ali radi jednostavnosti, upotrijebimo prvu metodu, ali obje će dobro funkcionirati...

  7in1menuRow– sadržavat će HTML kod stavki izbornika prve razine

• [[+wf.linktext]][[+wf.wrapper]]

Glavna ideja ovdje je da sam ja dodao oznaku na tekst veze izbornika kao u izvornom statičkom HTML kodu. Također sam uključio rezervirano mjesto wf.classes i to će mi omogućiti da definiram klasu za trenutnu stranicu koja će nadjačati zadanu "aktivnu" klasu.

7in1menuInner– sadržavat će HTML kod internih ul spremnika

[[+wf.wrapper]]

7in1menuInnerRow– sadržavat će HTML kod za retke stavki unutarnje razine

• [[+wf.linktext]][[+wf.wrapper]]

To je to, sada su naši dijelovi predložaka na svom mjestu, kao što vidite (reda radi, stavio sam ih u zasebnu kategoriju):



Sada možemo promijeniti poziv Wayfindera tako da možemo koristiti ove mini predloške za izlaz Wayfindera. Ako pogledate popis parametara šablona (bilo bi korisno imati ispred sebe otvoren http://rtfm.modx.com/display/ADDON/Wayfinder ili ga ispisati i držati blizu ekrana), vidjet će da sam svoje dijelove nazvao sličnim parametrima poziva odgovarajućih isječaka. Učinio sam ovo zbog praktičnosti, pomaže mi pratiti što je što kada počnem konstruirati svoj poziv. Dodajmo parametre i pozovimo naše dijelove. Wayfinder poziv sada će izgledati ovako:

[[!Tražilac puta? &startId=`0` &outerTpl=`7in1menuOuter` &rowTpl=`7in1menuRow` &innerTpl=`7in1menuInner` &innerRowTpl=`7in1InnerRow` &hereClass=`current_page_item` &firstClass=`` &lastClass =`` ]]

Vrijednosti parametara stavljaju se u apostrofe (`) umjesto jednostrukih navodnika (').

Sjajno, pogledajmo ovaj izazov. Možete vidjeti da koristimo opcije šablona za pozivanje naših dijelova tako da Wayfinder ispisuje HTML koji nam je potreban s ispravnim klasama. Definirao sam pozivatelja hereClass parametar i dao mu vrijednost trenutna_stavka_stranice tako da odgovara statičkom HTML predlošku. Možda ćete primijetiti da sam ostavio parametre prvi razred I lastClass prazan. Razlog za to je taj što moj HTML predložak ne postavlja klasu za prvu i zadnju stavku izbornika, pa sam da bih izbjegao preklapanje prebrisao prazne nizove u njima.



Vidi se da nam jelovnik izgleda baš onako kako smo htjeli. Ispravni stilovi koriste se u padajućem izborniku. Ako pogledate izvorni kod vidjet ćete da je generiran Putokazivač'ov HTML kod se promijenio do neprepoznatljivosti:

• Dom
• Oko
  • MODx CMS
  • Podloga za kodiranje
    • Blog
    • Usluge
• Kontaktirajte nas
• Tutoriali
• FAQ

Ovaj kod odgovara izvornom statičkom kodu našeg predloška, ​​ali je generiran pozivom Putokazivač.

Postoji mnogo drugih opcija koje možete koristiti zajedno s Putokazivač za izradu vaših jelovnika. U sljedećim lekcijama ćemo pogledati složene izbornike i kako ih integrirati u Wayfinder. Ukratko: naša web stranica sada je poprimila određeni oblik i imamo funkcionalan i dinamičan izbornik.

U prethodnim lekcijama već smo kreirali MODX izbornik: 1. - i 2. - Izlaz standardnog MODX padajućeg izbornika pomoću Bootstrapa. Danas ćemo naučiti kako prikazati višerazinske Bootstrap izbornike s neograničenim stupnjem ugniježđivanja (3-razinski izbornik, 4-razinski, 5-razinski itd.).

Na primjer, prikazat ću Bootstrap izbornik od 5 razina, ali možete ga napraviti od 3 razine ili 7 razina, čak i 10, promjenom vrijednosti razini na ono što vam treba!

Prikaz Bootstrap izbornika na više razina (s neograničenim ugniježđivanjem) u MODX-u pomoću PdoMenu.

Izlaz višerazinskog izbornika bit će ovakav:

[]>[[+omot]]

[[+omot]]

Neće raditi izvan kutije. budući da Bootstrap 3 prema zadanim postavkama podržava samo 2 razine ugniježđivanja, a kako biste proširili razinu ugniježđivanja izbornika bootstrap 3, morate uključiti js datoteku sa sljedećim sadržajem.

(function($)( $(document).ready(function())( $("ul.dropdown-menu ").on("click", function(event) ( event.preventDefault(); event.stopPropagation( ) ; $(this).parent().removeClass("open"); $(this).parent().toggleClass("open" ));

Nakon toga će se početi otvarati 3., 4. itd. razine gniježđenja. U principu, sve, ali postoji jedna stvar, ovaj izbornik će se otvoriti dolje na svim razinama, a po meni to nije posebno ispravno ni lijepo, ali to se može popraviti pomoću CSS-a.

U mom slučaju, bilo je potrebno 2 retka CSS koda da bi razine pale postrance.

Ul.padajući izbornik (lijevo: 100%; vrh: -8px;) li.submenu1.dropdown.open>ul.padajući izbornik (lijevo: 0%; vrh: 100%;)

Možete dobiti nešto drugačiji (ali identičan) kod i broj njegovih redaka može biti veći ako imate nekoliko grana izbornika s podizbornicima. Dobro, ima još nekih sitnica koje ćete morati prilagoditi CSS svom ukusu, moj cilj je pokazati osnove. Kako pronaći potrebne CSS klase u kodu na koje trebate primijeniti stilove prikazano je u videu, ali da budemo precizniji, tamo je prikazan cijeli proces izrade višerazinskog izbornika.

Ovo je meni u mom videu:

Ako trebate rotirati trokute u padajućem izborniku (oni pokazuju prema dolje kada stavke ispadnu ulijevo), to bi izgledalo ovako.

Zatim dodajte sljedeći css kod:

Li.submenu2.dropdown>a>span.caret ( -moz-transform: rotirati(-95deg); -ms-transform: rotirati(-95deg); -webkit-transform: rotirati(-95deg); -o-transform: rotirati(-95deg); transformirati: rotirati(-95deg); -moz-transformirati: rotirati(-95deg); - webkit -transformacija: rotacija (-95deg); -transformacija: rotacija(-95deg); 95 stupnjeva);

Lijep pozdrav, dragi čitatelji. U prošloj lekciji napunili smo stranicu nekim sadržajem (), sada je vrijeme prikazati sve u izborniku tako da korisnici mogu doći do njih.

Stvorite dinamiku izbornik u MODX-u koristit ćemo isječak PdoMenu iz paketa pdoTools. Prije nego počnete, pročitajte glavnu dokumentaciju.

pdoMenu Dokumentacija

Mogućnosti

Opcije predloška

CSS opcije klase

Službeni primjeri

Službenu dokumentaciju možete pročitati ovdje. Sada pogledajmo najtipičnije pozive izbornika.

Pozovite PdoMenu

Opcija 1. Umjesto ovog statičnog izbornika pozovite pdoMenu isječak, za to u stablu resursa, na kartici “ Elementi” u odjeljku s isječcima proširite nit pdoTools, zatim kliknite na pdoMenu lijevu tipku miša (ne puštati tipku) i povucite ovaj isječak na mjesto gdje želite otvoriti izbornik, zatim u prozoru koji se otvori ispunite potrebne parametre i kliknite “ Uštedjeti«.

opcija 2. Samo ručno pišemo poziv.

Tipični primjeri

Obični jelovnik na jednoj razini

Na primjer, imamo najčešći izbornik, sa sljedećim html oznakama.

Rezultat je sljedeći kod za pozivanje izbornika:

• &parents=`0` - popis roditelja (u mom slučaju ne ograničavam izbor, jer ću ionako prikazati samo određene stranice);
• &level=`1` — razina ugniježđenja (u ovom slučaju ne postoji);
• &resources=`2,3,4,5` — popis resursa koji se trebaju prikazati u izborniku;
• &firstClass=`0` — klasa za prvu stavku izbornika (ne koju);
• &lastClass=`0` — klasa posljednje stavke izbornika (ne koja);
• &outerClass=`top-menu` — klasa omotača izbornika (zamijenjena u ul);
• &hereClass=`current-menu-item` — klasa za aktivnu stavku izbornika (zamijenjena u li);
• &rowClass=`menu-item` - klasa jedne linije izbornika (zamijenjena u li).

Dvorazinski prilagođeni bootstrap izbornik

Statički html kod izgleda ovako:

Njegov izlazni kod će biti ovakav:

Također, u sljedećoj lekciji dat ću još nekoliko izlaza padajućih izbornika na temelju bootstrapa (a ovo je za one koji nisu shvatili suštinu. Pa, onda ćemo to učiniti.

Na prvi pogled sve izgleda komplicirano, ali nije tako, detaljnije pročitajte dokumentaciju, postavite pitanja u komentarima, sigurno ću pomoći.

Datum objave: 07.02.2011

U ovom jednostavnom vodiču pokazat ću vam kako prilagoditi izbornik.

Jednom su me zamolili da popravim grešku s izbornikom na jednoj web stranici - neke stavke tvrdoglavo se nisu htjele poredati, nego su se umjesto toga pojavljivale na neočekivanim mjestima na stranici kada lebdite kursorom. Greška nije bila u krivom css-u, kao što sam prvo pretpostavio, već u krivom pozivu Wayfindera.

Što je Wayfinder- ovo je isječak koji se koristi kada trebate prikazati popis dokumenata u odjeljcima. Kao rezultat isječka, generira se nenumerirani popis. Koristeći razne parametre, s ovom listom možete napraviti bilo što :) Više možete pročitati u dokumentaciji, ili utipkavanjem u Google - “wayfinder modx wiki”.

Važne napomene:

1. O tome što je MODx, kako instalirati MODx, kako organizirati strukturu dokumenata, kako napraviti predložak iz html-a, što je chunk itd. U ovoj lekciji ne razmatram pitanja početnika.

2. Rezervirana mjesta koja ću koristiti u lekciji navedena su u formatu koji Evo verzija "razumije". Koja je razlika, pogledajte primjer:

Dakle, pogledajmo izradu jelovnika korak po korak.

Korak 1

Za lekciju sam skicirao ovaj jelovnik:

Ovdje sam, radi jasnoće, primijenio različite stilove na različite razine izbornika. Na stranici gdje sam popravio grešku s izbornikom bilo je otprilike isto - svaka razina izbornika ima svoj stil.

Izgled - detalji izgleda nisu uključeni u opseg ove lekcije, ovo je kôd koji sam dobio:

• Dom
• Proizvodi
  • Serum istine
  • Makropoulos lijek
  • Univerzalna sredstva
• Dostava
  • Serum istine
  • Makropoulos lijek
  • Univerzalna sredstva
• Dobavljači

Nakon divljenja kodu, sami određujemo koja je klasa u našem izborniku za što odgovorna (ako čeprkate po tuđem kodu, trebalo bi biti jasno u vašem):

ul class="menu" - klasa cijelog izbornika
li class="top" - klasa stavki izbornika najviše razine
a class="top_link" - klasa za veze u stavkama najviše razine
ul class="sub" - klasa za podizbornik
pa, span class="down" za dizajniranje stavki najviše razine

Korak 2. Napravite tri dokumenta

Proizvodi
- Dostava
- Dobavljači
Izrađujemo podređene dokumente za dokument “Proizvodi”: “Serum istine”, “Makropoulos lijek”, “Univerzalni lijekovi”.

Korak 3. Postavite jelovnik u zaseban dio

U predlošku, na mjestu gdje biste trebali imati izbornik, uklanjamo sav dodatni kod (html kod samog izbornika) i umjesto njega pišemo

Stoga smo jelovnik stavili u poseban dio. Zatim stvaramo novi chunk i pozivamo ga Jelovnik. Za sada možete kopirati kod izbornika koji ste stvorili u sadržaj dijela. Radi jasnoće.

Idite na administrativnu ploču u “Site” -> “View” - da provjerite je li sve u redu s putovima do stilske datoteke i slika.

Je li uspjelo? Dobro, ali ovo još nije jelovnik. Udahnimo mu život uz pomoć Wayfindera.

Korak 4

Uklonite sav sadržaj dijela izbornika i umjesto toga pozovite Wayfinder isječak.
Za sada to napišimo ovako:

startId parametar- označava od kojeg dokumenta započeti formiranje liste. Specificirali smo 0 - to znači da je popis formiran iz korijena stabla dokumenta.

Da vidimo što se dogodilo:

Ovo je radni i živi jelovnik. Preimenujte dokumente, izbrišite, dodajte - izbornik će se formirati u skladu sa stablom dokumenata.

Korak 5

5.1. Sada vraćamo izgled izbornika u normalu

Wayfinder prema zadanim postavkama generira jednostavan kod (), sve klase popisa i elemenata specificirane su posebnim parametrima prilikom poziva.

Na početku lekcije odredili smo koje su CSS klase u našem izborniku za što odgovorne. Wayfinder ima parametre koji su nam potrebni: vanjskaKlasa- klasa za spremnik izbornika. Uspoređujući s našim izgledom, dobivamo sljedeći Wayfinder poziv:

osim parametara s klasama, označavamo razina ugniježđenja - &level=`2`.

Primjećujemo nedostatke - nema klasa za stavke izbornika najviše razine, nema oznaka i klasu za podizbornik.
Svi ovi nedostaci ispravljaju se dodavanjem odgovarajućih parametara pozivu Wayfinder.

5.2. Dodavanje klasa stavkama i oznakama najviše razine

Za to postoji varijabla redTpl, koji opisuje predložak za stavku izbornika, napravimo takav predložak, za to stvorimo dio tzv. roditelj:

U pozivu Wayfinder dodajemo &rowTpl=`roditelj` .
Ne zaboravite provjeriti izvorni kod - gotovo je sve u redu, ostaje samo podizbornik.

Za konfiguraciju podizbornika koristite varijablu innerRowTpl.

Stvaranje dijela unutarnji:

Dodajte varijablu pozivu Wayfinder innerRowTpl=`unutarnji` i varijablu koja specificira klasu za spremnik podizbornika &innerClass=`pod` .

Konačni poziv Wayfindera izgleda ovako:

To je to, naš jelovnik je spreman. Sretno!

• Izbornik u obliku liste, tablice, slika, ikona itd.
• Statični izbornici
• Izbornik s raznim efektima (padajući, padajući, itd.)
• Karta stranice

&rowTpl=`rowTpl`
&outerTpl=`vanjskiTpl`
&hereClass=`aktivno`
&rowClass=`eNav_li`]]

Parametri isječka:

&startId- id nadređene stranice, ako navedete 0 bit će iz korijena stranice. Zadana vrijednost je ID aktivne stranice

&prikažiPokreni - prikaži dokument sa startId-om u naslovu izbornika, zadano lažno

&razina- dubina ugniježđivanja, zadana vrijednost 0 - sve razine

&ograničiti- ograničenje broja stranica u ispisu (zadano 0 - bez ograničenja)

&ignorirajSkriveno- zanemarite potvrdni okvir na stranici "Prikaži u izborniku", tj. ako navedete 1, prikazat će sve stranice. Zadana vrijednost je 0. Prikazuju se samo one stranice koje imaju potvrdni okvir "Prikaži u izborniku".

&ph - naziv zamjene koja zamjenjuje izravno ispisane rezultate. Zadana vrijednost je 0.

&debug- način otklanjanja pogrešaka (zadano 0)

&sakrijPodizbornike - proširi samo aktivni podizbornik (zadano 0)

&ukloniNoveRetke- uklanja znak prijeloma retka tijekom izlaza (zadano 0)

&textOfLinks- za naziv poveznice izbornika. Moguće opcije:naslov menija, id, naslov stranice, opis, roditelj, alias, dugi naslov, uvodni tekst. Zadano menutitle

&titleOfLinks- za naslov opcije izbornika:naslov menija, id, naslov stranice, opis, roditelj, alias, dugi naslov, uvodni tekst. Zadano naslov stranice

&rowIdPrefix- postavlja id (rowIdPrefix + docId) za svaki element. Zadano 0

&includeDocs- ID dokumenata odvojenih zarezima koji će biti uključeni u izbornik (nije navedeno prema zadanim postavkama)

&isključi Dokumente - id dokumenata odvojenih zarezima koji će biti isključeni iz izbornika (zadano 0)

&konteksti- kontekst za generiranje izbornika. Zadana je trenutna.

&startIdContext - Identifikator konteksta iz kojeg su dokumenti uzeti za generiranje rezultata.

&konfig - Vanjska PHP datoteka za pohranu konfiguracije Wayfindera (primjer: core/components/wayfinder/configs).

&shema - Format za generiranje URL-ova. Moguće vrijednosti (na temelju makeURL API poziva):

1: (zadano) URL u odnosu na site_url;

0: vidi http;

1: vidi https;

puni: apsolutni URL koji počinje sa site_url;

abs: apsolutni URL koji počinje s base_url;

http: apsolutni URL, forsiran u http shemi;

https: apsolutni URL, prisiljen u shemi https.

&razvrstaj po - Polje prema kojem se sortira. (zadano indeks izbornika)

Mogućnosti:

Primjer predloška: [[+wf.linktext]][[+wf.wrapper]]

Opcije predloška

Ovi parametri određuju dijelove koji sadrže uzorke koji će generirati izlaz Wayfindera.

U trenutnoj verziji Wayfindera za MODX Revolution, možete pristupiti svojim prilagođenim televizorima pomoću rezerviranih mjesta wf prefiksa. , na primjer [[+my_TV]]

U vrijeme pisanja, samo će se izvorne TV vrijednosti vratiti - neće biti formatirane. Na primjer, ako je vaš TV slika - normalno je da će TV unutar vašeg predloška vratiti punu oznaku pune slike, ali unutar predloška Wayfindera - vratit će se samo putanja do slike.

Ako želite upravljati TV-om, to možete učiniti pozivanjem isječka unutar Wayfinder predloška retka (&rowTpl. Na primjer, vaša TV slika se zove ikona i obično predložak koristi kod kao što je ovaj za izlaz:

... ...

Ali budući da vam to neće omogućiti obradu TV-a, trebate ga zamijeniti s:

... ...

Sada unutar isječka processTV postavljamo sljedeći PHP kod:

getObject("modResource", $myId); return $doc->getTVValue($myTV);

Kao rezultat, vraća se potpuno obrađena TV slika.

&vanjskiTpl

Naziv dijela koji sadrži predložak vanjskog spremnika.

Dostupna rezervirana mjesta:

• wf.classes - prikazuje klase preuzete iz skupa parametara Wayfinder (uključujući atribut class="")
• wf.classnames - prikaz naziva klasa (bez class="")
• wf.wrapper - izlaz internog sadržaja (redak).

[[+wf.wrapper]]

Parametar &innerTpl sadrži isti skup rezerviranih mjesta kao &outerTpl.

&redakTpl

Naziv dijela koji sadrži predložak za elemente retka izbornika.

Dostupna rezervirana mjesta:

• wf.classes - izlaz klase (uključujući atribut class="").
• wf.classnames - izlaz odgovarajućih klasa (bez class="")
• wf.link - vrijednost atributa href="" za vezu izbornika
• wf.title - naziv teksta naslova za link iz polja navedenog u parametru &titleOfLinks
• wf.linktext - tekst za aktivnu vezu navedenu u polju proslijeđenom u parametru &textOfLinks
• wf.wrapper - prikazuje interni sadržaj, kao što je podizbornik
• wf.id - prikazuje jedinstveni ID atributa. Morate navesti parametar &rowIdPrefix kako bi ovo rezervirano mjesto primilo vrijednost. Vrijednost je prefiks + docId.
• wf.attributes - prikazuje vezu atributa za trenutni element
• wf.docid - identifikator dokumenta trenutnog elementa
• wf.description - opis za trenutni element
• wf.level - trenutna razina ugniježđivanja

Primjer upotrebe:

[[+wf.linktext]][[+wf.wrapper]]

Druga opcija:

Primjeri

Prva razina

OuterTpl kod dijela

[[+wf.wrapper]]

Kod dijela RowTpl

[[+wf.wrapper]]

Druga razina (u ovom primjeru, stavke izbornika i podizbornika bile su vizualno na istoj razini

[[!Tražilac puta? &startId=`0` &level=`2`
&rowTpl=`rowTplFooterMenu`
&outerTpl=`outerTplFooterMenu`
&innerTpl=`innerTplFooterMenu`
&innerRowTpl=`innerRowTplFooterMenu`
&hereClass=`aktivan`]]

Dio koda outerTplFooterMenu

rowTplFooterMenu kod komada

• 
  
  [[+wf.title]]
  
  

[[+wf.wrapper]]

innerTplFooterMenu kod komada

[[+wf.wrapper]]

kod komada innerRowTplFooterMenu