Skip to content

Grids

Mreža predstavlja popis dobavljača i zaliha te prikazuje detalje putem interaktivnog korisničkog sučelja s mogućnošću rezervacije. Mreža podržava prikaz bilo koje zalihe s vašeg odabranog popisa ili spremljenog pretraživanja. Korisnik komunicira s mrežom na isti način na koji komunicira s pojedincem.karticas jednom dodatnom značajkom:

  1. Paginirajte mrežu klikom naShow moregumb (kada je dostupno više artikala).
Pregled mreže
Mreža koja prikazuje više vrsta soba

Gore je primjer naše mreže koja prikazuje popis kartica tipova soba.

Ostatak ovog članka vodi vas kroz postupak stvaranja, prilagodbe i prikazivanja mreže korisnicima.

Postoje tri vrste rešetki:

  1. Mreža temeljena naodabrani popis.
  2. Mreža temeljena naspremljeno pretraživanje.
  3. Mreža na temelju lokacije i kriterija sortiranja (tj. rangirana mreža).

Ovo je mreža koja koristi inventar koji ste prikupili na jednom od svojih odabranih popisa i pretvara popis u inventar putovanja koji se može rezervirati i koji možete prikazati svojim korisnicima.

Navigiraj doInventory > Curated Listsiz glavne navigacijske trake. Za ovaj primjer koristit ćemo vašeFavoritespopis. Ako još niste ništa dodali na svojFavorites, idi naPretraživanjenaučiti kako.

Izradi mrežu popisa kuratora
Izradi obrazac mreže s odabranim popisom
  1. Kliknite na Actions gumb na Favorites popis.
  2. Kliknite na Create a grid gumb.
  3. Otvorit će se novi prozor u kojem možete imenovati svoju mrežu. Vidi dolje.
  4. Klik OK gumb za nastavak.

Vaša je mreža stvorena. Idite naTools > Gridsiz glavne navigacijske trake i kliknite naCurated Gridskarticu da biste vidjeli svoju novu mrežu.

Obrazac vam omogućuje prilagodbu mreže na sljedeće načine:

  1. Daj mu ime kako bi se sjetio o čemu se radi u mreži.
  2. Odaberite Prilagođavanje želite primijeniti na ovu mrežu.
  3. Odaberite početnu stranu kartice koju želite da korisnici prvo vide. Prema zadanim postavkama, to je izvorna strana tog inventara.
  4. Odaberite značku koju želite koristiti na kartici. Značka omogućuje korisnicima usporedbu zaliha na temelju agregirane metrike kao što je eco-friendly.
  5. Dodajte ključne riječi, odvojene zarezom, koje će koristiti Web crawleri.
  6. Dodajte naslove i opise na jezicima koje želite da korisnik vidi.
  7. Kliknite na Save gumb za nastavak.
Mreža odabranog popisa
Unos u mrežu s odabranim popisom i sažetim izbornikom radnji

Gore je prikazana slika sa svim dostupnim radnjama za vašu mrežu:

  • AžuriratiAžurira konfiguraciju vaše mreže.
  • Dodaj u WinkLinksDodaje mrežu na vaš WinkLinks račun.
  • UgraditiPokazuje vam kako ugraditi ovu mrežu kaoMrežana vašu web stranicu.
  • Koristi se s WordPressomPokazuje vam kako koristiti našeWordPress dodatakugraditi ovu mrežu na svoju web stranicu.

Neke od ovih opcija detaljnije ćemo obraditi u nastavku.

<html>
<head>
<link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
</head>
<body>
<wink-content-loader
layout="LIST"
id="9a212b5e-62a7-11ef-ac3f-42004e494300"
></wink-content-loader>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader
client-id="YOUR CLIENT ID GOES HERE"
configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
></wink-app-loader>
</body>
</html>

Evo kako ugraditi svoju mrežu na svoju web-lokaciju:

  • Redak 3 pokazuje kako ugraditi Wink stilove na vašu web-stranicu.
  • Redci od 6 do 9 pokazuju kako koristitiwink-content-loaderWeb komponentu i recite joj da dohvati mrežu za vaš kod.
  • Redak 11 pokazuje kako ugraditi naš Javascript na vašu stranicu.
  • Redak 13 pokazuje kako ugraditiwink-app-loaderWeb komponentu i recite joj da dohvati vaše postavke konfiguracije na razini stranice.

Ovo je mreža koja koristi inventar u vašem spremljenom upitu za pretraživanje i pretvara rezultate pretraživanja u inventar putovanja koji se može rezervirati i koji možete prikazati svojim korisnicima.

Navigiraj doInventory > Saved searchess glavne navigacijske trake. Ako još niste stvorili spremljeno pretraživanje, idite naPretraživanjenaučiti kako.

Izradi spremljenu mrežu za pretraživanje
Izradi spremljeni obrazac za pretraživanje u mreži
  1. Kliknite na Actions gumb na spremljenoj pretrazi.
  2. Kliknite na Create a grid gumb.
  3. Otvorit će se novi prozor u kojem možete imenovati svoju mrežu. Vidi dolje.
  1. KlikniteOKgumb za nastavak.

Vaša je mreža stvorena. Idite naTools > Gridsiz glavne navigacijske trake i kliknite naSaved Search Gridskarticu da biste vidjeli svoju novu mrežu.

Obrazac vam omogućuje prilagodbu mreže na sljedeće načine:

  1. Daj mu ime kako bi se sjetio o čemu se radi u mreži.
  2. Odaberite Prilagođavanje želite primijeniti na ovu mrežu.
  3. Odaberite početnu stranu kartice koju želite da korisnici prvo vide. Prema zadanim postavkama, to je izvorna strana tog inventara.
  4. Odaberite značku koju želite koristiti na kartici. Značka omogućuje korisnicima usporedbu zaliha na temelju agregirane metrike kao što je eco-friendly.
  5. Dodajte ključne riječi, odvojene zarezom, koje će koristiti Web crawleri.
  6. Dodajte naslove i opise na jezicima koje želite da korisnik vidi.
  7. Kliknite na Save gumb za nastavak.
Spremljena mreža pretraživanja
Spremljeni unos u mreži pretraživanja sa sažetim izbornikom radnji
<html>
<head>
<link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
</head>
<body>
<wink-content-loader
layout="LIST"
id="be3130d5-62a7-11ef-ac3f-42004e494300"
></wink-content-loader>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader
client-id="YOUR CLIENT ID GOES HERE"
configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
></wink-app-loader>
</body>
</html>

Evo kako ugraditi svoju mrežu na svoju web-lokaciju:

  • Redak 3 pokazuje kako ugraditi Wink stilove na vašu web-stranicu.
  • Redci od 6 do 9 pokazuju kako koristitiwink-content-loaderWeb komponentu i recite joj da dohvati mrežu za vaš kod.
  • Redak 11 pokazuje kako ugraditi naš Javascript na vašu stranicu.
  • Redak 13 pokazuje kako ugraditiwink-app-loaderWeb komponentu i recite joj da dohvati vaše postavke konfiguracije na razini stranice.

Izradite rangiranu mrežu tako da odete naTools > Gridsi kliknite naRanked Gridkartica. Kliknite naCreate ranked gridgumb.

Obrazac vam omogućuje prilagodbu rangirane mreže na sljedeće načine:

  1. Odaberite odredište. Npr. Tokio.
  2. Daj mu ime kako bi se sjetio o čemu se radi u mreži. Npr. ekološki prihvatljivi hoteli u Tokiju
  3. Odaberite Prilagođavanje želite primijeniti na ovu mrežu.
  4. Odaberite početnu stranu kartice koju želite da korisnici prvo vide. Prema zadanim postavkama, to je izvorna strana tog inventara.
  5. Odaberite po kojoj karakteristici želite sortirati svojstva. Npr. ekološka prihvatljivost.
  6. Dodajte ključne riječi, odvojene zarezom, koje će koristiti Web crawleri.
  7. Dodajte naslove i opise na jezicima koje želite da korisnik vidi.
  8. Kliknite na Save gumb za nastavak.

Nakon što spremite svoju rangiranu mrežu, bit ćete preusmjereni na stranicu s rangiranim mrežama i vaša je mreža sada spremna za dijeljenje sa svijetom.

Rangirana mreža
Rangirana mreža sa sažetim izbornikom radnji

Gore je prikazana slika sa svim dostupnim akcijama za vašu rankd mrežu:

  • AžuriratiAžurira konfiguraciju vaše mreže.
  • Dodaj u WinkLinksDodaje rangiranu mrežu na vaš WinkLinks račun.
  • UgraditiPokazuje vam kako ugraditi ovu mrežu kaoMrežana vašu web stranicu.
  • Koristi se s WordPressomPokazuje vam kako koristiti našeWordPress dodatakugraditi ovu karticu na svoju web stranicu.

Neke od ovih opcija detaljnije ćemo obraditi u nastavku.

<html>
<head>
<link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
</head>
<body>
<wink-content-loader
layout="RANKED"
id="2483d55e-62a5-11ef-ac3f-42004e494300"
></wink-content-loader>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader
client-id="YOUR CLIENT ID GOES HERE"
configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
></wink-app-loader>
</body>
</html>

Evo kako ugraditi svoju mrežu na svoju web-lokaciju:

  • Redak 3 pokazuje kako ugraditi Wink stilove na vašu web-stranicu.
  • Redci od 6 do 9 pokazuju kako koristitiwink-content-loaderWeb komponentu i recite joj da dohvati rangiranu mrežu za vaš kod.
  • Redak 11 pokazuje kako ugraditi naš Javascript na vašu stranicu.
  • Redak 13 pokazuje kako ugraditiwink-app-loaderWeb komponentu i recite joj da dohvati vaše postavke konfiguracije na razini stranice.

Programeri koji žele upravljati mrežama mogu se uputiti naRazvojni programeri > API > Inventar.