Skip to content
Academy

Grids

Tinklelis pateikia tiekėjų ir atsargų sąrašą, o išsami informacija pateikiama per interaktyvią, rezervuojamą tinklelio vartotojo sąsają. Tinklelis palaiko bet kokių atsargų rodymą iš jūsų kuruojamo sąrašo arba išsaugotos paieškos. Vartotojas sąveikauja su tinkleliu taip pat, kaip ir su asmeniu.kortelėsu viena papildoma funkcija:

  1. Puslapiuokite tinklelį spustelėdamiShow moremygtukas (kai bus daugiau prekių).
Tinklelio peržiūra
Tinklelis, rodantis kelis kambarių tipus

Aukščiau pateiktas mūsų tinklelio pavyzdys, kuriame rodomas kambarių tipų kortelių sąrašas.

Likusioje šio straipsnio dalyje paaiškinama, kaip sukurti, pritaikyti ir parodyti tinklelį savo vartotojams.

Tinklelio tipai

Section titled “Tinklelio tipai”

Yra trijų tipų tinkleliai:

  1. Tinklelis, pagrįstas akuruojamas sąrašas.
  2. Tinklelis, pagrįstas aišsaugota paieška.
  3. Tinklelis pagal vietą ir rūšiavimo kriterijus (t. y. reitinguota lentelė).

Kuruojamo sąrašo tinklelis

Section titled “Kuruojamo sąrašo tinklelis”

Tai tinklelis, kuris naudoja jūsų surinktą inventorių viename iš kuruojamų sąrašų ir konvertuoja šį sąrašą į užsakomą kelionių inventorių, kurį galite rodyti savo vartotojams.

Sukurti

Section titled “Sukurti”

Naršyti įInventory > Curated Listsiš pagrindinės naršymo juostos. Šiame pavyzdyje naudosime jūsųFavoritessąrašą. Jei dar nieko nepridėjote prie savoFavorites, eikite įPaieškakad sužinotumėte, kaip.

Kurti kuruojamo sąrašo tinklelį
Sukurkite kuruojamo sąrašo tinklelio formą
  1. Spustelėkite Actions mygtuką ant Favorites sąrašas.
  2. Spustelėkite Create a grid mygtukas.
  3. Atsidarys naujas langas, kuriame galėsite pavadinti savo tinklelį. Žr. žemiau.
  4. Spustelėkite OK mygtuką, kad tęstumėte.

Jūsų tinklelis sukurtas. Eikite įTools > Gridsiš pagrindinės naršymo juostos ir spustelėkiteCurated Gridsskirtuką, kad pamatytumėte savo naują tinklelį.

Tinkinti

Section titled “Tinkinti”

Forma leidžia tinkinti tinklelį šiais būdais:

  1. Suteikite jam pavadinimą, kad prisimintumėte, apie ką tas tinklelis.
  2. Pasirinkite Pritaikymas norite taikyti šiam tinkleliui.
  3. Pasirinkite pradinę kortelės pusę, kurią norite, kad vartotojai matytų pirmiausia. Pagal numatytuosius nustatymus tai yra originali tos inventoriaus pusė.
  4. Pasirinkite ženklelį, kurį norite naudoti kortelėje. Ženklelis leidžia vartotojams palyginti atsargas pagal bendrą rodiklį, pvz. eco-friendly.
  5. Pridėkite raktinius žodžius, atskirtus kableliais, kurie bus naudojami Žiniatinklio robotai.
  6. Pridėkite pavadinimus ir aprašymus kalbomis, kurias norite matyti vartotojui.
  7. Spustelėkite Save mygtuką, kad tęstumėte.

Bendrinti

Section titled “Bendrinti”
Kuruojamo sąrašo tinklelis
Kuruojamo sąrašo tinklelio įrašas su sutrauktu veiksmų meniu

Aukščiau pateiktas paveikslėlis su visais galimais jūsų tinklelio veiksmais:

  • AtnaujinimasAtnaujina tinklelio konfigūraciją.
  • Pridėti prie „WinkLinks“Prideda tinklelį prie jūsų „WinkLinks“ paskyros.
  • ĮterptiParodo, kaip įterpti šį tinklelį kaipTinklelisį savo svetainę.
  • Naudoti su WordPressParodo, kaip naudotis mūsųWordPress įskiepisįterpti šią lentelę į savo svetainę.

Žemiau aptarsime kai kurias iš šių parinkčių išsamiau.

Įterpti

Section titled “Įterpti”
<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>

Štai kaip įterpti tinklelį į savo svetainę:

  • 3 eilutėje parodyta, kaip įterpti „Wink“ stilius į savo svetainę.
  • 6–9 eilutėse parodyta, kaip naudoti„wink“ turinio įkėlėjasŽiniatinklio komponentą ir nurodykite jam gauti tinklelį jūsų kodui.
  • 11 eilutėje parodyta, kaip įterpti mūsų „Javascript“ kodą į savo svetainę.
  • 13 eilutėje parodyta, kaip įterpti„wink-app-loader“Žiniatinklio komponentą ir nurodykite jam gauti jūsų puslapio lygio konfigūracijos nuostatas.

Išsaugota paieškos tinklelis

Section titled “Išsaugota paieškos tinklelis”

Tai tinklelis, kuris naudoja jūsų išsaugotoje paieškos užklausoje esantį inventorių ir konvertuoja paieškos rezultatus į užsakomą kelionių inventorių, kurį galite rodyti savo vartotojams.

Sukurti

Section titled “Sukurti”

Naršyti įInventory > Saved searchesiš pagrindinės naršymo juostos. Jei dar nesukūrėte išsaugotos paieškos, eikite įPaieškakad sužinotumėte, kaip.

Sukurti išsaugotą paieškos tinklelį
Sukurti išsaugotą paieškos tinklelio formą
  1. Spustelėkite Actions mygtuką išsaugotoje paieškoje.
  2. Spustelėkite Create a grid mygtukas.
  3. Atsidarys naujas langas, kuriame galėsite pavadinti savo tinklelį. Žr. žemiau.
  1. SpustelėkiteOKmygtuką, kad tęstumėte.

Jūsų tinklelis sukurtas. Eikite įTools > Gridsiš pagrindinės naršymo juostos ir spustelėkiteSaved Search Gridsskirtuką, kad pamatytumėte savo naują tinklelį.

Tinkinti

Section titled “Tinkinti”

Forma leidžia tinkinti tinklelį šiais būdais:

  1. Suteikite jam pavadinimą, kad prisimintumėte, apie ką tas tinklelis.
  2. Pasirinkite Pritaikymas norite taikyti šiam tinkleliui.
  3. Pasirinkite pradinę kortelės pusę, kurią norite, kad vartotojai matytų pirmiausia. Pagal numatytuosius nustatymus tai yra originali tos inventoriaus pusė.
  4. Pasirinkite ženklelį, kurį norite naudoti kortelėje. Ženklelis leidžia vartotojams palyginti atsargas pagal bendrą rodiklį, pvz. eco-friendly.
  5. Pridėkite raktinius žodžius, atskirtus kableliais, kurie bus naudojami Žiniatinklio robotai.
  6. Pridėkite pavadinimus ir aprašymus kalbomis, kurias norite matyti vartotojui.
  7. Spustelėkite Save mygtuką, kad tęstumėte.

Bendrinti

Section titled “Bendrinti”
Išsaugota paieškos tinklelis
Išsaugotas paieškos tinklelio įrašas su sutrauktu veiksmų meniu

Įterpti

Section titled “Įterpti”
<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>

Štai kaip įterpti tinklelį į savo svetainę:

  • 3 eilutėje parodyta, kaip įterpti „Wink“ stilius į savo svetainę.
  • 6–9 eilutėse parodyta, kaip naudoti„wink“ turinio įkėlėjasŽiniatinklio komponentą ir nurodykite jam gauti tinklelį jūsų kodui.
  • 11 eilutėje parodyta, kaip įterpti mūsų „Javascript“ kodą į savo svetainę.
  • 13 eilutėje parodyta, kaip įterpti„wink-app-loader“Žiniatinklio komponentą ir nurodykite jam gauti jūsų puslapio lygio konfigūracijos nuostatas.

Reitinguota lentelė

Section titled “Reitinguota lentelė”

Sukurti

Section titled “Sukurti”

Sukurkite reitinguotą tinklelį naršydami įTools > Gridsir spustelėkiteRanked Gridskirtuką. SpustelėkiteCreate ranked gridmygtukas.

Tinkinti

Section titled “Tinkinti”

Forma leidžia tinkinti reitinguotą tinklelį šiais būdais:

  1. Pasirinkite kelionės tikslą. Pvz., Tokijas.
  2. Suteikite jam pavadinimą, kad prisimintumėte, apie ką tas tinklelis. Pvz., ekologiški viešbučiai Tokijuje
  3. Pasirinkite Pritaikymas norite taikyti šiam tinkleliui.
  4. Pasirinkite pradinę kortelės pusę, kurią norite, kad vartotojai matytų pirmiausia. Pagal numatytuosius nustatymus tai yra originali tos inventoriaus pusė.
  5. Pasirinkite, pagal kokią charakteristiką rūšiuoti savybes. Pvz., ekologiškumas.
  6. Pridėkite raktinius žodžius, atskirtus kableliais, kurie bus naudojami Žiniatinklio robotai.
  7. Pridėkite pavadinimus ir aprašymus kalbomis, kurias norite matyti vartotojui.
  8. Spustelėkite Save mygtuką, kad tęstumėte.

Išsaugoję reitinguotą tinklelį, būsite nukreipti į reitinguotų tinklelių puslapį ir jūsų tinklelis dabar paruoštas bendrinti su pasauliu.

Bendrinti

Section titled “Bendrinti”
Reitinguota lentelė
Reitinguota tinklelio lentelė su sutrauktu veiksmų meniu

Aukščiau pateiktas paveikslėlis su visais galimais veiksmais jūsų reitinguotame tinklelyje:

  • AtnaujinimasAtnaujina tinklelio konfigūraciją.
  • Pridėti prie „WinkLinks“Prideda reitinguotą tinklelį prie jūsų „WinkLinks“ paskyros.
  • ĮterptiParodo, kaip įterpti šį tinklelį kaipTinklelisį savo svetainę.
  • Naudoti su WordPressParodo, kaip naudotis mūsųWordPress įskiepisįterpti šią kortelę į savo svetainę.

Žemiau aptarsime kai kurias iš šių parinkčių išsamiau.

Įterpti

Section titled “Įterpti”
<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>

Štai kaip įterpti tinklelį į savo svetainę:

  • 3 eilutėje parodyta, kaip įterpti „Wink“ stilius į savo svetainę.
  • 6–9 eilutėse parodyta, kaip naudoti„wink“ turinio įkėlėjasŽiniatinklio komponentą ir nurodykite jam gauti jūsų kodo reitinguotą tinklelį.
  • 11 eilutėje parodyta, kaip įterpti mūsų „Javascript“ kodą į savo svetainę.
  • 13 eilutėje parodyta, kaip įterpti„wink-app-loader“Žiniatinklio komponentą ir nurodykite jam gauti jūsų puslapio lygio konfigūracijos nuostatas.

API

Section titled “API”

Kūrėjai, norintys valdyti tinklus, gali apsilankyti adresuKūrėjai > API > Inventorius.

Papildoma literatūra

Section titled “Papildoma literatūra”