Pāriet uz saturu

Grids

Režģis attēlo piegādātāju un krājumu sarakstu un sniedz detalizētu informāciju, izmantojot interaktīvu, rezervējamu režģa lietotāja saskarni. Režģis atbalsta jebkura krājuma attēlošanu no jūsu atlasītā saraksta vai saglabātās meklēšanas. Lietotājs mijiedarbojas ar režģi tāpat kā ar atsevišķu personu.kartear vienu papildu funkciju:

  1. Lapot pa režģi, noklikšķinot uzShow morepoga (kad būs pieejams vairāk preču).
Režģa priekšskatījums
Režģis, kurā redzami vairāki telpu tipi

Augstāk ir redzams mūsu režģa piemērs, kurā parādīts istabu tipu karšu saraksts.

Pārējā šī raksta daļa jūs iepazīstinās ar to, kā izveidot, pielāgot un parādīt režģi lietotājiem.

Ir trīs režģu veidi:

  1. Režģis, kas balstīts uzatlasīts saraksts.
  2. Režģis, kas balstīts uzsaglabātā meklēšana.
  3. Režģis, kas balstīts uz atrašanās vietu un kārtošanas kritērijiem (t. i., rangu režģis).

Šis ir režģis, kas izmanto jūsu apkopoto inventāru vienā no jūsu atlasītajiem sarakstiem un pārveido šo sarakstu par rezervējamu ceļojumu inventāru, ko varat parādīt saviem lietotājiem.

Navigēt uzInventory > Curated Listsno galvenās navigācijas joslas. Šajā piemērā mēs izmantosim jūsuFavoritessarakstam. Ja vēl neko neesat pievienojis savamFavorites, dodieties uzMeklētlai uzzinātu, kā.

Izveidot atlasīta saraksta režģi
Izveidot atlasīta saraksta režģa veidlapu
  1. Noklikšķiniet uz Actions pogu uz Favorites saraksts.
  2. Noklikšķiniet uz Create a grid poga.
  3. Tiks parādīts jauns logs, kurā varēsiet nosaukt savu režģi. Skatīt zemāk.
  4. Klikšķis OK pogu, lai turpinātu.

Jūsu režģis ir izveidots. Dodieties uzTools > Gridsno galvenās navigācijas joslas un noklikšķiniet uzCurated Gridscilni, lai skatītu jauno režģi.

Veidlapa ļauj pielāgot režģi šādos veidos:

  1. Dodiet tam nosaukumu, lai atcerētos, par ko ir režģis.
  2. Atlasiet Pielāgošana vēlaties lietot šajā režģī.
  3. Atlasiet sākotnējo kartes seju, kuru vēlaties, lai lietotāji redzētu vispirms. Pēc noklusējuma tā ir šīs inventāra sākotnējā seja.
  4. Atlasiet nozīmīti, kuru vēlaties izmantot kartītē. Žetons ļauj lietotājiem salīdzināt krājumus pēc apkopota rādītāja, piemēram, eco-friendly.
  5. Pievienojiet atslēgvārdus, atdalītus ar komatu, kurus izmantos Tīmekļa rāpuļprogrammas.
  6. Pievienojiet nosaukumus un aprakstus valodās, kuras vēlaties, lai lietotājs redzētu.
  7. Noklikšķiniet uz Save pogu, lai turpinātu.
Izvēlētā saraksta režģis
Izveidota saraksta režģa ieraksts ar sakļautu darbību izvēlni

Augstāk redzams attēls ar visām pieejamajām darbībām jūsu režģim:

  • AtjauninājumsAtjaunina jūsu režģa konfigurāciju.
  • Pievienot WinkLinksPievieno režģi jūsu WinkLinks kontam.
  • IegultParāda, kā iegult šo režģi kāRežģisjūsu tīmekļa vietnē.
  • Lietojiet kopā ar WordPressParāda, kā lietot mūsuWordPress spraudnislai iegultu šo režģi savā tīmekļa vietnē.

Dažas no šīm iespējām mēs aplūkosim sīkāk turpmāk.

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

Lūk, kā iegult režģi savā vietnē:

  • 3. rindā ir parādīts, kā savā vietnē iegult Wink stilus.
  • 6.–9. rindā ir parādīts, kā lietotwink-content-loaderTīmekļa komponentu un norādiet tam, lai tas ielādē jūsu koda režģi.
  • 11. rindā ir parādīts, kā iegult mūsu Javascript savā vietnē.
  • 13. rindā parādīts, kā iegultwink-app-loaderTīmekļa komponentu un norādiet tam, lai tas ielādē jūsu lapas līmeņa konfigurācijas preferences.

Šis ir režģis, kas izmanto jūsu saglabātajā meklēšanas vaicājumā esošo inventāru un konvertē meklēšanas rezultātus rezervējamā ceļojumu inventārā, ko varat parādīt saviem lietotājiem.

Navigēt uzInventory > Saved searchesno galvenās navigācijas joslas. Ja vēl neesat izveidojis saglabātu meklēšanu, dodieties uzMeklētlai uzzinātu, kā.

Izveidot saglabātu meklēšanas režģi
Izveidot saglabātu meklēšanas režģa veidlapu
  1. Noklikšķiniet uz Actions pogu saglabātajā meklēšanā.
  2. Noklikšķiniet uz Create a grid poga.
  3. Tiks parādīts jauns logs, kurā varēsiet nosaukt savu režģi. Skatīt zemāk.
  1. KlikšķisOKpogu, lai turpinātu.

Jūsu režģis ir izveidots. Dodieties uzTools > Gridsno galvenās navigācijas joslas un noklikšķiniet uzSaved Search Gridscilni, lai skatītu jauno režģi.

Veidlapa ļauj pielāgot režģi šādos veidos:

  1. Dodiet tam nosaukumu, lai atcerētos, par ko ir režģis.
  2. Atlasiet Pielāgošana vēlaties lietot šajā režģī.
  3. Atlasiet sākotnējo kartes seju, kuru vēlaties, lai lietotāji redzētu vispirms. Pēc noklusējuma tā ir šīs inventāra sākotnējā seja.
  4. Atlasiet nozīmīti, kuru vēlaties izmantot kartītē. Žetons ļauj lietotājiem salīdzināt krājumus pēc apkopota rādītāja, piemēram, eco-friendly.
  5. Pievienojiet atslēgvārdus, atdalītus ar komatu, kurus izmantos Tīmekļa rāpuļprogrammas.
  6. Pievienojiet nosaukumus un aprakstus valodās, kuras vēlaties, lai lietotājs redzētu.
  7. Noklikšķiniet uz Save pogu, lai turpinātu.
Saglabātais meklēšanas režģis
Saglabāts meklēšanas režģa ieraksts ar sakļautu darbību izvēlni
<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>

Lūk, kā iegult režģi savā vietnē:

  • 3. rindā ir parādīts, kā savā vietnē iegult Wink stilus.
  • 6.–9. rindā ir parādīts, kā lietotwink-content-loaderTīmekļa komponentu un norādiet tam, lai tas ielādē jūsu koda režģi.
  • 11. rindā ir parādīts, kā iegult mūsu Javascript savā vietnē.
  • 13. rindā parādīts, kā iegultwink-app-loaderTīmekļa komponentu un norādiet tam, lai tas ielādē jūsu lapas līmeņa konfigurācijas preferences.

Izveidojiet ranžētu režģi, pārejot uzTools > Gridsun noklikšķiniet uzRanked Gridcilnes. Noklikšķiniet uzCreate ranked gridpoga.

Veidlapa ļauj pielāgot savu sarindoto režģi šādos veidos:

  1. Izvēlieties galamērķi. Piemēram, Tokija.
  2. Dodiet tam nosaukumu, lai atcerētos, par ko ir režģis. Piemēram, videi draudzīgas viesnīcas Tokijā
  3. Atlasiet Pielāgošana vēlaties lietot šajā režģī.
  4. Atlasiet sākotnējo kartes seju, kuru vēlaties, lai lietotāji redzētu vispirms. Pēc noklusējuma tā ir šīs inventāra sākotnējā seja.
  5. Izvēlieties, pēc kuras īpašības kārtot īpašības. Piemēram, videi draudzīgums.
  6. Pievienojiet atslēgvārdus, atdalītus ar komatu, kurus izmantos Tīmekļa rāpuļprogrammas.
  7. Pievienojiet nosaukumus un aprakstus valodās, kuras vēlaties, lai lietotājs redzētu.
  8. Noklikšķiniet uz Save pogu, lai turpinātu.

Pēc ranžētā režģa saglabāšanas jūs tiksiet novirzīts uz ranžēto režģu lapu, un jūsu režģis tagad ir gatavs kopīgošanai ar visu pasauli.

Ranžēta režģa
Ranžēts režģis ar sakļautu darbību izvēlni

Augstāk redzams attēls ar visām pieejamajām darbībām jūsu rangu režģim:

  • AtjauninājumsAtjaunina jūsu režģa konfigurāciju.
  • Pievienot WinkLinksPievieno jūsu WinkLinks kontam ranžēto režģi.
  • IegultParāda, kā iegult šo režģi kāRežģisjūsu tīmekļa vietnē.
  • Lietojiet kopā ar WordPressParāda, kā lietot mūsuWordPress spraudnislai iegultu šo karti savā tīmekļa vietnē.

Dažas no šīm iespējām mēs aplūkosim sīkāk turpmāk.

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

Lūk, kā iegult režģi savā vietnē:

  • 3. rindā ir parādīts, kā savā vietnē iegult Wink stilus.
  • 6.–9. rindā ir parādīts, kā lietotwink-content-loaderTīmekļa komponentu un norādiet tam, lai tas ielādē jūsu kodam ranžētu režģi.
  • 11. rindā ir parādīts, kā iegult mūsu Javascript savā vietnē.
  • 13. rindā parādīts, kā iegultwink-app-loaderTīmekļa komponentu un norādiet tam, lai tas ielādē jūsu lapas līmeņa konfigurācijas preferences.

Izstrādātāji, kuri vēlas pārvaldīt režģus, var doties uzIzstrādātāji > API > Inventārs.