Parent Previous Next

Vyhledávací formulář letenek


Vyhledávací formulář letenek je možné implementovat jako:

1. html-php balíček - Doporučené!



Formulář je responzivní a přizpůsobuje se různým velikostem stránky (různým zobrazením na mobilních zařízeních).



Zobrazení při změnách velikosti okna (na mobilních zařízeních):


 


HTML balíček si stáhnete z administračního zázemí:


a) pokud máte agenturní účet, tak v sekci Dealeři > Vyberte dealera (web) klikem na: Detail > Nastavení Frontendu > Odkaz: "Statické HTML ke stažení".


b) pokud máte dealerský účet, tak v sekci Dealeři > Nastavení Frontendu > Odkaz: "Statické HTML ke stažení".


Tento formulář obsahuje HTML, CSS, obrázky a patřičné scriptování pro implementaci přímo do vaší stránky s plnou funkcionalitou našeptávače destinací. Můžete si jej také libovolně upravovat.


2. iframe



Další možností je iframe, který vyniká snadnou implementací, má ale své nevýhody. Pokud u vícefázových letů bude zákazník přidávat další a další části cesty, bude se formulář natahovat a musíte tedy nechat na stránce dostatek místa, nebo umožnit skrolování.


Příklad implementace následuje.

- Nezapomeňte doplnit i sekce "<meta name="viewport".." a  "<style..", které jsou důležité pro správné rozměry a responsivní zobrazení.

- Namísto XXXXXX (níže) doplňte vaše URL.



<!doctype html>

<html>

 <head>

   <meta name="viewport" content="width=device-width">

   <title>Iframe</title>

   <style type="text/css">


       /* optional */

       body { background-color: gray; }

       .golSearchFlightsIframe { background-color: transparent; }


       /* mandatory */

       .golSearchFlightsIframe { border: none; width: 550px; max-width: 100%; height: 520px; }


       @media only screen and (max-width: 566px) {

         .golSearchFlightsIframe { height: 800px; }

       }

   </style>

 </head>

 <body>

       <iframe class="golSearchFlightsIframe" src="//XXXXXX.golibe.com//static.php" frameborder="0" allowtransparency="true">

   </iframe>

   <!--

   Iframe's language can be set by parameter lang>

     <iframe class="golSearchFlightsIframe" src="//XXXXXX.golibe.com//static.php?lang=en" frameborder="0" allowtransparency="true">

     </iframe>

   -->

 </body>

</html>






Pro obě výše uvedené varianty platí, že parametry vyhledávacího formuláře lze předvolit.


Nejjednodušší způsob, jak se dozvědět způsob, kterým link poupravit, je:


- Nastavit vyhledávací formulář do takové podoby, v jaké chcete mít předvoleno vyhledávání.

- Vyhledat a dostat se na stránku výsledků.

- Na tlačítku "Nové hledání", které by Vás vrátilo na vyhledávání od začátku, kliknout pravým tlačítkem myši a zvolit zkopírování odkazu.


Získáte například:


http://xxxx.golibe.com/index.php?action=vFlights&flights[0][origin]=PRG&flights[0][destination]=LON&flights[0][departureDate]=2013-01-09&flights[1][origin]=LON&flights[1][destination]=PRG&flights[1][departureDate]=2013-01-16&searchType=FromFour&travelers[0]=ADT&dateVariants=exact&returnTicket=on&step=one2


Pokud chcete předvolit formulář pro vyhledávání PRG-LON, vynechte v URL co nepotřebujete předvolit, například datum, a ponechte si jen potřebnou část:


?action=vFlights&flights[0][origin]=PRG&flights[0][destination]=LON&flights[1][origin]=LON&flights[1][destination]=PRG&searchType=FromFour&travelers[0]=ADT&dateVariants=exact&returnTicket=on&step=one2


...kterou můžete vložit jako odkaz:


http://xxxx.golibe.com/index.php?action=vFlights&flights[0][origin]=PRG&flights[0][destination]=LON&flights[1][origin]=LON&flights[1][destination]=PRG&searchType=FromFour&travelers[0]=ADT&dateVariants=exact&returnTicket=on&step=one2


...nebo použít v iframu:


<iframe src="http://xxxx.golibe.com?iframe=1?action=vFlights&flights[0][origin]=PRG&flights[0][destination]=LON&flights[1][origin]=LON&flights[1][destination]=PRG&searchType=FromFour&travelers[0]=ADT&dateVariants=exact&returnTicket=on&step=one2" scrolling="no" width="530px" height="510px" frameborder="0" allowtransparency="true">


Pokud chcete přesměrovat klienty rovnou na výsledky a přitom je nechat čekat na čekací stránce, je možné vložit redirect. Například:


http://xxxx.golibe.com/index.php?action=vWait&redirect=http%3A%2F%2Fxxxx.golibe.com%2Findex.php%3Faction%3DvFlights%26flights%5B0%5D%5BdepartureDate%5D%3D2014-11-07%26flights%5B0%5D%5Bdestination%5D%3DPTP%26flights%5B0%5D%5Borigin%5D%3DPAR%26flights%5B0%5D%5BdeparturePlusMinusDay%5D%3D3%26flights%5B1%5D%5BdepartureDate%5D%3D2014-11-14%26flights%5B1%5D%5Bdestination%5D%3DPAR%26flights%5B1%5D%5Borigin%5D%3DPTP%26flights%5B1%5D%5BdeparturePlusMinusDay%5D%3D3%26travelers%5B0%5D%3DADT%26returnTicket%3Don%26vendor%3DTX%26dateVariants%3Dclose%26step%3DChooseFromFour%26target%3Dflights