Přeskočit na obsah

Craft CMS

Wink Craft CMS Plugin integruje Wink cestovní inventář do Craft 5 pomocí Twig šablonových funkcí a vlastního typu pole pro obsahového editora. Editoři mohou přímo v editoru záznamu vybrat konkrétní Wink rozvržení z rozbalovacího seznamu.

  • Craft CMS 5.x
  • PHP 8.1+
  • Composer
  1. Nainstalujte přes Composer:
    Terminál
    composer require wink2travel/craft-wink
  2. Aktivujte plugin v Ovládacím panelu v Nastavení → Pluginy nebo přes CLI:
    Terminál
    php craft plugin/install wink
  3. Přejděte do Nastavení → Wink v Ovládacím panelu.
  4. Zadejte svůj Client ID a Client Secret, vyberte prostředí a klikněte na Uložit. Pro získání přihlašovacích údajů přejděte na Applications.

Použití v Twig šablonách

Sekce “Použití v Twig šablonách”

Po konfiguraci zavolejte Wink Twig funkce kdekoliv ve svých šablonách:

{# Vykreslení mřížky hotelů #}
{{ winkContent('HOTEL', entry.winkLayoutId) }}
{# Vyhledávací lišta destinací #}
{{ winkLookup() }}
{# Tlačítko výběru itineráře #}
{{ winkSearch() }}
{# Tlačítko uživatelského účtu #}
{{ winkAccount() }}

Funkce winkContent() automaticky vloží <wink-app-loader> při prvním volání na stránce.

FunkceVýstupPopis
winkContent(layout, id)<wink-content-loader>Karty hotelů, mřížky, mapy
winkLookup()<wink-lookup>Vyhledávací lišta destinací
winkSearch()<wink-search-button>Tlačítko výběru itineráře
winkAccount()<wink-account-button>Přihlášení / uživatelský účet
winkItinerary()<wink-itinerary-button>Tlačítko stavu itineráře
winkShoppingCart()<wink-shopping-cart-button>Tlačítko košíku

Přidejte pole Wink Layout do jakékoli sekce, aby editoři měli rozbalovací seznam všech dostupných rozvržení z vašeho Wink účtu:

  1. Přejděte do Nastavení → Pole → Nové pole.
  2. Nastavte Typ pole na Wink Layout.
  3. Přidejte pole do rozvržení polí vašeho typu záznamu.
  4. Editoři nyní mohou přímo v editoru záznamu vybírat rozvržení — bez kopírování ID.

Ve své šabloně předávejte hodnotu pole do winkContent():

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