Skip to content

Grids

Ruudustik esindab tarnijate ja laoseisu loendit ning kuvab üksikasjad interaktiivse, broneeritava ruudustiku kasutajaliidese kaudu. Ruudustik toetab mis tahes laoseisu kuvamist teie kureeritud loendist või salvestatud otsingust. Kasutaja suhtleb ruudustikuga samamoodi nagu ta suhtleb üksikisikuga.kaartühe lisafunktsiooniga:

  1. Lehekülgede jagamine ruudustikus, klõpsatesShow morenupp (kui rohkem esemeid on saadaval).
Ruudustiku eelvaade
Ruudustik, mis kuvab mitut toatüüpi

Ülal on näide meie ruudustikust, mis näitab toatüübikaartide loendit.

Selle artikli ülejäänud osa juhendab teid ruudustiku loomisel, kohandamisel ja kasutajatele nähtavaks tegemisel.

Ruudustikku on kolme tüüpi:

  1. Ruudustik, mis põhineb a-lkureeritud nimekiri.
  2. Ruudustik, mis põhineb a-lsalvestatud otsing.
  3. Asukoha ja sortimiskriteeriumide põhjal loodud ruudustik (st. edetabelis olev ruudustik).

See on ruudustik, mis kasutab ühte teie kureeritud loendisse kogutud inventari ja teisendab selle broneeritavaks reisiinventariks, mida saate oma kasutajatele kuvada.

Navigeeri sihtkohtaInventory > Curated Listspeamise navigeerimisriba kaudu. Selles näites kasutame teieFavoritesnimekirja. Kui te pole veel oma nimekirja midagi lisanudFavorites, mine aadressileOtsiet õppida, kuidas.

Loo kureeritud loendi ruudustik
Loo kureeritud loendiruudustik
  1. Klõpsake nuppu Actions nuppu Favorites nimekiri.
  2. Klõpsake nuppu Create a grid nupp.
  3. Avaneb uus aken, kus saate oma ruudustikule nime panna. Vaata allpool.
  4. Klõps OK nuppu jätkamiseks.

Teie ruudustik on loodud. Navigeerige aadressileTools > Gridsja klõpsake nuppuCurated Gridsuue ruudustiku nägemiseks vahekaarti.

Vorm võimaldab teil oma ruudustikku järgmistel viisidel kohandada:

  1. Anna sellele nimi, et sa mäletaksid, millest ruudustik räägib.
  2. Valige Kohandamine mida soovite sellele ruudustikule rakendada.
  3. Valige kaardi esialgne esikülg, mida soovite kasutajatele esimesena näidata. Vaikimisi on see selle inventari algne esikülg.
  4. Valige kaardil kasutatav märk. Märk võimaldab kasutajatel võrrelda laoseisu koondnäitaja alusel, näiteks eco-friendly.
  5. Lisa komaga eraldatud märksõnad, mida kasutab Veebirobotid.
  6. Lisa pealkirjad ja kirjeldused keeltes, mida soovid kasutajale näidata.
  7. Klõpsake nuppu Save nuppu jätkamiseks.
Kureeritud loendi ruudustik
Kureeritud loendiruudustiku kirje ahendatud toimingute menüüga

Ülalpool on pilt kõigi teie ruudustiku jaoks saadaolevate toimingutega:

  • VärskendusVärskendab teie võrgu konfiguratsiooni.
  • Lisa WinkLinksiLisab ruudustiku teie WinkLinksi kontole.
  • ManustaNäitab, kuidas seda ruudustikku manustadaRuudustikoma veebisaidile.
  • Kasutamine WordPressigaNäitab teile, kuidas meieWordPressi pistikprogrammselle ruudustiku oma veebisaidile manustamiseks.

Mõnda neist valikutest käsitleme allpool üksikasjalikumalt.

<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>

Ruudustiku oma saidile manustamiseks toimige järgmiselt.

  • 3. rida näitab, kuidas Winki stiile oma saidile manustada.
  • Read 6 kuni 9 näitavad, kuidas seda kasutada.wink-sisu-laadurVeebikomponent ja käsi tal oma koodi jaoks ruudustik hankida.
  • Rida 11 näitab, kuidas meie Javascripti oma saidile manustada.
  • Rida 13 näitab, kuidas manustadawink-rakenduse laadijaVeebikomponent ja käsi tal hankida teie lehe tasemel konfiguratsioonieelistused.

See on ruudustik, mis kasutab teie salvestatud otsingupäringus olevat inventari ja teisendab otsingutulemused broneeritavaks reisiinventariks, mida saate oma kasutajatele kuvada.

Navigeeri sihtkohtaInventory > Saved searchespeamise navigeerimisriba kaudu. Kui te pole veel salvestatud otsingut loonud, minge aadressileOtsiet õppida, kuidas.

Loo salvestatud otsinguruudustik
Loo salvestatud otsinguruudustik
  1. Klõpsake nuppu Actions nupp salvestatud otsingu juures.
  2. Klõpsake nuppu Create a grid nupp.
  3. Avaneb uus aken, kus saate oma ruudustikule nime panna. Vaata allpool.
  1. KlõpsOKnuppu jätkamiseks.

Teie ruudustik on loodud. Navigeerige aadressileTools > Gridsja klõpsake nuppuSaved Search Gridsuue ruudustiku nägemiseks vahekaarti.

Vorm võimaldab teil oma ruudustikku järgmistel viisidel kohandada:

  1. Anna sellele nimi, et sa mäletaksid, millest ruudustik räägib.
  2. Valige Kohandamine mida soovite sellele ruudustikule rakendada.
  3. Valige kaardi esialgne esikülg, mida soovite kasutajatele esimesena näidata. Vaikimisi on see selle inventari algne esikülg.
  4. Valige kaardil kasutatav märk. Märk võimaldab kasutajatel võrrelda laoseisu koondnäitaja alusel, näiteks eco-friendly.
  5. Lisa komaga eraldatud märksõnad, mida kasutab Veebirobotid.
  6. Lisa pealkirjad ja kirjeldused keeltes, mida soovid kasutajale näidata.
  7. Klõpsake nuppu Save nuppu jätkamiseks.
Salvestatud otsinguruudustik
Salvestatud otsinguruudustiku kirje ahendatud toimingute menüüga
<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>

Ruudustiku oma saidile manustamiseks toimige järgmiselt.

  • 3. rida näitab, kuidas Winki stiile oma saidile manustada.
  • Read 6 kuni 9 näitavad, kuidas seda kasutada.wink-sisu-laadurVeebikomponent ja käsi tal oma koodi jaoks ruudustik hankida.
  • Rida 11 näitab, kuidas meie Javascripti oma saidile manustada.
  • Rida 13 näitab, kuidas manustadawink-rakenduse laadijaVeebikomponent ja käsi tal hankida teie lehe tasemel konfiguratsioonieelistused.

Loo järjestatud ruudustik, navigeerides sinnaTools > Gridsja klõpsake nuppuRanked Gridvahekaart. Klõpsake nuppuCreate ranked gridnupp.

Vorm võimaldab teil oma järjestatud ruudustikku järgmistel viisidel kohandada:

  1. Vali sihtkoht. Näiteks Tokyo.
  2. Anna sellele nimi, et sa mäletaksid, millest ruudustik räägib. Näiteks keskkonnasõbralikud hotellid Tokyos
  3. Valige Kohandamine mida soovite sellele ruudustikule rakendada.
  4. Valige kaardi esialgne esikülg, mida soovite kasutajatele esimesena näidata. Vaikimisi on see selle inventari algne esikülg.
  5. Valige, millise tunnuse järgi omadusi sortida. Näiteks keskkonnasõbralikkus.
  6. Lisa komaga eraldatud märksõnad, mida kasutab Veebirobotid.
  7. Lisa pealkirjad ja kirjeldused keeltes, mida soovid kasutajale näidata.
  8. Klõpsake nuppu Save nuppu jätkamiseks.

Pärast edetabelis oleva ruudustiku salvestamist suunatakse teid edetabelis olevate ruudustike lehele ja teie ruudustik on nüüd valmis maailmaga jagamiseks.

Edetabeli ruudustik
Järjestatud ruudustik koos ahendatud toimingute menüüga

Ülalpool on pilt kõigi teie edetabeliruudustiku saadaolevate toimingutega:

  • VärskendusVärskendab teie võrgu konfiguratsiooni.
  • Lisa WinkLinksiLisab teie WinkLinksi kontole järjestatud ruudustiku.
  • ManustaNäitab, kuidas seda ruudustikku manustadaRuudustikoma veebisaidile.
  • Kasutamine WordPressigaNäitab teile, kuidas meieWordPressi pistikprogrammselle kaardi oma veebisaidile manustamiseks.

Mõnda neist valikutest käsitleme allpool üksikasjalikumalt.

<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>

Ruudustiku oma saidile manustamiseks toimige järgmiselt.

  • 3. rida näitab, kuidas Winki stiile oma saidile manustada.
  • Read 6 kuni 9 näitavad, kuidas seda kasutada.wink-sisu-laadurVeebikomponent ja käsi tal oma koodi jaoks järjestatud ruudustik hankida.
  • Rida 11 näitab, kuidas meie Javascripti oma saidile manustada.
  • Rida 13 näitab, kuidas manustadawink-rakenduse laadijaVeebikomponent ja käsi tal hankida teie lehe tasemel konfiguratsioonieelistused.

Arendajad, kes soovivad võrke hallata, saavad minna aadressileArendajad > API > Inventuur.