Grids

Mřížka představuje seznam dodavatelů a zásob a zobrazuje podrobnosti prostřednictvím interaktivního uživatelského rozhraní mřížky s možností rezervace. Mřížka podporuje zobrazení libovolné zásoby z vašeho seznamu nebo uloženého vyhledávání. Uživatel interaguje s mřížkou stejným způsobem, jako interaguje s jednotlivcem.kartas jednou další funkcí:

Pro stránkování mřížky klikněte naShow moretlačítko (až bude k dispozici více položek).

Náhled mřížky — *Mřížka zobrazující více typů pokojů*

Výše je uveden příklad naší mřížky zobrazující seznam karet typů pokojů.

Zbytek tohoto článku vás provede tím, jak vytvořit, přizpůsobit a zpřístupnit mřížku vašim uživatelům.

Typy mřížek

Existují tři typy mřížek:

Mřížka založená naseznam s kurátorem.
Mřížka založená nauložené vyhledávání.
Mřížka založená na umístění a kritériích řazení (tj. hodnocená mřížka).

Mřížka s kurátorským seznamem

Toto je mřížka, která využívá inventář, který jste shromáždili v jednom z vašich seznamů, a převádí jej na rezervovatelný cestovní inventář, který můžete zobrazit svým uživatelům.

Vytvořit

Přejít naInventory > Curated Listsz hlavního navigačního panelu. V tomto příkladu použijeme vášFavoritesseznam. Pokud jste do svého seznamu ještě nic nepřidaliFavorites, jít naVyhledávánínaučit se jak.

Klikněte na Actions tlačítko na Favorites seznam.
Klikněte na Create a grid tlačítko.
Zobrazí se nové okno, kde můžete pojmenovat svou mřížku. Viz níže.
Klikněte OK tlačítko pro pokračování.

Vaše mřížka byla vytvořena. Přejděte naTools > Gridsz hlavního navigačního panelu a klikněte naCurated Gridspro zobrazení vaší nové mřížky.

Přizpůsobit

Formulář umožňuje přizpůsobit mřížku následujícími způsoby:

Dejte tomu název, abyste si pamatovali, o čem mřížka je.
Vyberte Přizpůsobení chcete na tuto mřížku použít.
Vyberte počáteční stranu karty, kterou chcete uživatelům zobrazit jako první. Ve výchozím nastavení se jedná o nativní stranu daného inventáře.
Vyberte odznak, který chcete na kartě použít. Odznak umožňuje uživatelům porovnávat inventář na základě souhrnné metriky, jako je například eco-friendly.
Přidejte klíčová slova oddělená čárkou, která budou použita Webové prohledávače.
Přidejte názvy a popisy v jazycích, které chcete, aby uživatel viděl.
Klikněte na Save tlačítko pro pokračování.

Podíl

Mřížka s kurátorským seznamem — *Položka mřížky s kurátorským seznamem se sbalenou nabídkou akcí*

Výše uvedený obrázek ukazuje všechny dostupné akce pro vaši mřížku:

AktualizovatAktualizuje konfiguraci mřížky.
Přidat do WinkLinksPřidá mřížku k vašemu účtu WinkLinks.
VložitUkazuje, jak vložit tuto mřížku jakoMřížkana váš web.
Použití s WordPressemUkáže vám, jak používat našePlugin pro WordPressvložit tuto mřížku do svého webu.

Některé z těchto možností si podrobněji rozebereme níže.

Vložit

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

Zde je návod, jak vložit mřížku do svého webu:

Řádek 3 ukazuje, jak vložit styly Wink do vašeho webu.
Řádky 6 až 9 ukazují, jak používatwink-content-loaderWebovou komponentu a řekněte jí, aby pro váš kód načetla mřížku.
Řádek 11 ukazuje, jak vložit náš Javascript do vašeho webu.
Řádek 13 ukazuje, jak vložitzavaděč aplikací winkWebovou komponentu a řekněte jí, aby načetla vaše konfigurační předvolby na úrovni stránky.

Uložená vyhledávací mřížka

Toto je mřížka, která používá inventář z vašeho uloženého vyhledávacího dotazu a převádí výsledky vyhledávání na rezervovatelný cestovní inventář, který můžete zobrazit svým uživatelům.

Vytvořit

Přejít naInventory > Saved searchesz hlavního navigačního panelu. Pokud jste si ještě nevytvořili uložené vyhledávání, přejděte naVyhledávánínaučit se jak.

Klikněte na Actions tlačítko u uloženého vyhledávání.
Klikněte na Create a grid tlačítko.
Zobrazí se nové okno, kde můžete pojmenovat svou mřížku. Viz níže.

KlikněteOKtlačítko pro pokračování.

Vaše mřížka byla vytvořena. Přejděte naTools > Gridsz hlavního navigačního panelu a klikněte naSaved Search Gridspro zobrazení vaší nové mřížky.

Přizpůsobit

Formulář umožňuje přizpůsobit mřížku následujícími způsoby:

Dejte tomu název, abyste si pamatovali, o čem mřížka je.
Vyberte Přizpůsobení chcete na tuto mřížku použít.
Vyberte počáteční stranu karty, kterou chcete uživatelům zobrazit jako první. Ve výchozím nastavení se jedná o nativní stranu daného inventáře.
Vyberte odznak, který chcete na kartě použít. Odznak umožňuje uživatelům porovnávat inventář na základě souhrnné metriky, jako je například eco-friendly.
Přidejte klíčová slova oddělená čárkou, která budou použita Webové prohledávače.
Přidejte názvy a popisy v jazycích, které chcete, aby uživatel viděl.
Klikněte na Save tlačítko pro pokračování.

Podíl

Uložená vyhledávací mřížka — *Uložená položka v mřížce vyhledávání se sbalenou nabídkou akcí*

Vložit

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

Zde je návod, jak vložit mřížku do svého webu:

Řádek 3 ukazuje, jak vložit styly Wink do vašeho webu.
Řádky 6 až 9 ukazují, jak používatwink-content-loaderWebovou komponentu a řekněte jí, aby pro váš kód načetla mřížku.
Řádek 11 ukazuje, jak vložit náš Javascript do vašeho webu.
Řádek 13 ukazuje, jak vložitzavaděč aplikací winkWebovou komponentu a řekněte jí, aby načetla vaše konfigurační předvolby na úrovni stránky.

Hodnocená mřížka

Vytvořit

Vytvořte řazenou mřížku přechodem naTools > Gridsa klikněte naRanked Gridzáložka. Klikněte naCreate ranked gridtlačítko.

Přizpůsobit

Formulář umožňuje přizpůsobit mřížku s hodnocením následujícími způsoby:

Vyberte si destinaci. Např. Tokio.
Dejte tomu název, abyste si pamatovali, o čem mřížka je. Např. ekologické hotely v Tokiu
Vyberte Přizpůsobení chcete na tuto mřížku použít.
Vyberte počáteční stranu karty, kterou chcete uživatelům zobrazit jako první. Ve výchozím nastavení se jedná o nativní stranu daného inventáře.
Vyberte, podle jaké charakteristiky chcete vlastnosti seřadit. Např. šetrnost k životnímu prostředí.
Přidejte klíčová slova oddělená čárkou, která budou použita Webové prohledávače.
Přidejte názvy a popisy v jazycích, které chcete, aby uživatel viděl.
Klikněte na Save tlačítko pro pokračování.

Po uložení hodnocené mřížky budete přesměrováni na stránku s hodnocenými mřížkami a vaše mřížka je nyní připravena ke sdílení se světem.

Podíl

Hodnocená mřížka — *Seřazená mřížka se sbalenou nabídkou akcí*

Výše uvedený obrázek ukazuje všechny dostupné akce pro vaši mřížku rankd:

AktualizovatAktualizuje konfiguraci mřížky.
Přidat do WinkLinksPřidá řazenou mřížku do vašeho účtu WinkLinks.
VložitUkazuje, jak vložit tuto mřížku jakoMřížkana váš web.
Použití s WordPressemUkáže vám, jak používat našePlugin pro WordPressvložit tuto kartu na váš web.

Některé z těchto možností si podrobněji rozebereme níže.

Vložit

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

Zde je návod, jak vložit mřížku do svého webu:

Řádek 3 ukazuje, jak vložit styly Wink do vašeho webu.
Řádky 6 až 9 ukazují, jak používatwink-content-loaderWebovou komponentu a řekněte jí, aby pro váš kód načetla řazenou mřížku.
Řádek 11 ukazuje, jak vložit náš Javascript do vašeho webu.
Řádek 13 ukazuje, jak vložitzavaděč aplikací winkWebovou komponentu a řekněte jí, aby načetla vaše konfigurační předvolby na úrovni stránky.

API

Vývojáři, kteří chtějí spravovat gridy, se mohou obrátit naVývojáři > API > Inventář.

Další čtení

Zjistěte více o naší kolekciWebové komponenty.
Zjistěte více oPlugin Wink pro WordPress.