Skip to content

Craft CMS

Wink Craft CMS Plugin integruoja Wink kelionių inventorių į Craft 5 per Twig šablonų funkcijas ir pasirinktinių laukų tipą turinio redaktoriui. Redaktoriai gali tiesiogiai įrašo redaktoriuje išskleidžiamajame meniu pasirinkti konkretų Wink išdėstymą.

  • Craft CMS 5.x
  • PHP 8.1+
  • Composer
  1. Įdiekite per Composer:
    Terminal window
    composer require wink2travel/craft-wink
  2. Aktyvuokite įskiepį Valdymo skydelyje Settings → Plugins arba per CLI:
    Terminal window
    php craft plugin/install wink
  3. Eikite į Settings → Wink Valdymo skydelyje.
  4. Įveskite savo Client ID ir Client Secret, pasirinkite aplinką ir spustelėkite Save. Norėdami gauti savo kredencialus, eikite į Applications.

Sukonfigūravus, kvieskite Wink Twig funkcijas bet kur savo šablonuose:

{# Atvaizduoti viešbučių tinklelį #}
{{ winkContent('HOTEL', entry.winkLayoutId) }}
{# Paieškos juosta pagal kelionės tikslą #}
{{ winkLookup() }}
{# Maršruto pasirinkimo mygtukas #}
{{ winkSearch() }}
{# Vartotojo paskyros mygtukas #}
{{ winkAccount() }}

Funkcija winkContent() pirmą kartą puslapyje automatiškai įterpia <wink-app-loader>.

FunkcijaIšvestisAprašymas
winkContent(layout, id)<wink-content-loader>Viešbučių kortelės, tinkleliai, žemėlapiai
winkLookup()<wink-lookup>Paieškos juosta pagal kelionės tikslą
winkSearch()<wink-search-button>Maršruto pasirinkimo mygtukas
winkAccount()<wink-account-button>Prisijungimo / vartotojo paskyros mygtukas
winkItinerary()<wink-itinerary-button>Maršruto būsenos mygtukas
winkShoppingCart()<wink-shopping-cart-button>Krepšelio mygtukas

Pridėkite Wink Layout lauką bet kuriai sekcijai, kad redaktoriai galėtų išskleidžiamajame meniu pasirinkti visus jūsų Wink paskyroje prieinamus išdėstymus:

  1. Eikite į Settings → Fields → New Field.
  2. Nustatykite Field Type į Wink Layout.
  3. Pridėkite lauką prie savo įrašo tipo lauko išdėstymo.
  4. Redaktoriai dabar gali tiesiogiai įrašo redaktoriuje pasirinkti išdėstymą — nereikia kopijuoti ID.

Šablone perduokite lauko reikšmę funkcijai winkContent():

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