Tovább a tartalomhoz

Craft CMS

A Wink Craft CMS Plugin integrálja a Wink utazási készletet a Craft 5-be Twig sablonfüggvényeken és egyedi mezőtípuson keresztül a tartalomszerkesztő számára. A szerkesztők közvetlenül a bejegyzésszerkesztőben egy legördülő menüből választhatnak ki egy adott Wink elrendezést.

  • Craft CMS 5.x
  • PHP 8.1+
  • Composer
  1. Telepítés Composerrel:
    Terminál
    composer require wink2travel/craft-wink
  2. Aktiválja a plugint a Vezérlőpulton a Beállítások → Bővítmények menüpont alatt, vagy CLI-n keresztül:
    Terminál
    php craft plugin/install wink
  3. Lépjen a Vezérlőpulton a Beállítások → Wink menüpontra.
  4. Adja meg a Client ID és Client Secret értékeket, válassza ki a környezetet, majd kattintson a Mentés gombra. A hitelesítő adatok megszerzéséhez látogasson el az Alkalmazások oldalra.

A beállítás után bárhol meghívhatja a Wink Twig függvényeket a sablonjaiban:

{# Szállodák rács megjelenítése #}
{{ winkContent('HOTEL', entry.winkLayoutId) }}
{# Úti cél keresősáv #}
{{ winkLookup() }}
{# Útvonalválasztó gomb #}
{{ winkSearch() }}
{# Felhasználói fiók gomb #}
{{ winkAccount() }}

A winkContent() függvény automatikusan beszúrja az első híváskor az oldalon a <wink-app-loader> elemet.

FüggvényKimenetLeírás
winkContent(layout, id)<wink-content-loader>Szállodakártyák, rácsok, térképek
winkLookup()<wink-lookup>Úti cél keresősáv
winkSearch()<wink-search-button>Útvonalválasztó gomb
winkAccount()<wink-account-button>Bejelentkezés / felhasználói fiók
winkItinerary()<wink-itinerary-button>Útvonal állapot gomb
winkShoppingCart()<wink-shopping-cart-button>Kosár gomb

Adjon hozzá egy Wink Layout mezőt bármelyik szekcióhoz, hogy a szerkesztők egy legördülő menüből választhassák ki a Wink fiókjában elérhető összes elrendezést:

  1. Lépjen a Beállítások → Mezők → Új mező menüpontra.
  2. Állítsa be a Mezőtípus értékét Wink Layout-ra.
  3. Adja hozzá a mezőt a bejegyzéstípus mezőelrendezéséhez.
  4. A szerkesztők mostantól közvetlenül a bejegyzésszerkesztőben választhatnak elrendezést — nincs szükség azonosítók másolására.

A sablonban adja át a mező értékét a winkContent() függvénynek:

{{ winkContent(entry.winkLayout.type, entry.winkLayout.id) }}