Skip to content

Grids

Мрежа представља листу добављача и залиха и приказује детаље путем интерактивног корисничког интерфејса мреже који се може резервисати. Мрежа подржава приказивање било ког залиха са ваше куриране листе или сачуване претраге. Корисник интерагује са мрежом на исти начин на који интерагује са појединцем.картицаса једном додатном карактеристиком:

  1. Пагинирајте мрежу кликом наShow moreдугме (када је доступно више артикала).
Преглед мреже
Мрежа која приказује више типова соба

Изнад је пример наше мреже која приказује листу картица типова соба.

Остатак овог чланка ће вас провести кроз процес креирања, прилагођавања и приказивања мреже вашим корисницима.

Постоје три врсте решетки:

  1. Мрежа заснована накурирана листа.
  2. Мрежа заснована насачувана претрага.
  3. Мрежа заснована на локацији и критеријумима сортирања (тј. рангирана мрежа).

Ово је мрежа која користи инвентар који сте прикупили на једној од ваших курираних листа и претвара листу у инвентар путовања који се може резервисати и који можете приказати својим корисницима.

Иди доInventory > Curated Listsиз главне навигационе траке. За овај пример, користићемо вашеFavoritesсписак. Ако још увек нисте ништа додали на својFavorites, иди наПретрагада научим како.

Направи мрежу листе куратора
Направите образац мреже куриране листе
  1. Кликните на Actions дугме на Favorites листа.
  2. Кликните на Create a grid дугме.
  3. Отвориће се нови прозор у којем ћете моћи да дате име својој мрежи. Види доле.
  4. Кликните OK дугме за наставак.

Ваша мрежа је креирана. Идите доTools > Gridsиз главне навигационе траке и кликните наCurated Gridsкартицу да бисте видели своју нову мрежу.

Форма вам омогућава да прилагодите мрежу на следеће начине:

  1. Дајте му име да бисте запамтили о чему се ради у мрежи.
  2. Изаберите Прилагођавање желите да примените на ову мрежу.
  3. Изаберите почетну страну картице коју желите да корисници прво виде. Подразумевано, то је изворна страна тог инвентара.
  4. Изаберите значку коју желите да користите на картици. Значка омогућава корисницима да упореде залихе на основу агрегатне метрике као што је eco-friendly.
  5. Додајте кључне речи, одвојене зарезом, које ће користити Веб претраживачи.
  6. Додајте наслове и описе на језицима које желите да корисник види.
  7. Кликните на Save дугме за наставак.
Мрежа куриране листе
Унос у мрежу куриране листе са склопљеним менијем радњи

Горе је приказана слика са свим доступним радњама за вашу мрежу:

  • АжурирањеАжурира конфигурацију ваше мреже.
  • Додај у WinkLinksДодаје мрежу на ваш WinkLinks налог.
  • УградиПоказује вам како да уградите ову мрежу каоМрежана ваш веб-сајт.
  • Користите са WordPress-омПоказује вам како да користите нашеWordPress додатакда уградите ову мрежу на своју веб страницу.

Неке од ових опција детаљније обрађујемо у наставку.

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

Ево како да уградите мрежу на свој сајт:

  • Ред 3 вам показује како да уградите Wink стилове на ваш сајт.
  • Редови од 6 до 9 показују како се користипрограм за учитавање садржаја намигнућаВеб компоненту и реците јој да преузме мрежу за ваш код.
  • Ред 11 вам показује како да уградите наш Јаваскрипт у ваш сајт.
  • Ред 13 вам показује како да уградитепрограм за учитавање апликација winkВеб компоненту и реците јој да преузме ваше поставке конфигурације на нивоу странице.

Сачувана мрежа претраге

Section titled “Сачувана мрежа претраге”

Ово је мрежа која користи инвентар у вашем сачуваном упиту за претрагу и конвертује резултате претраге у инвентар путовања који се може резервисати и који можете приказати својим корисницима.

Иди доInventory > Saved searchesиз главне навигационе траке. Ако још нисте креирали сачувану претрагу, идите наПретрагада научим како.

Направи мрежу сачуване претраге
Направи сачувани образац мреже за претрагу
  1. Кликните на Actions дугме на вашој сачуваној претрази.
  2. Кликните на Create a grid дугме.
  3. Отвориће се нови прозор у којем ћете моћи да дате име својој мрежи. Види доле.
  1. КликнитеOKдугме за наставак.

Ваша мрежа је креирана. Идите доTools > Gridsиз главне навигационе траке и кликните наSaved Search Gridsкартицу да бисте видели своју нову мрежу.

Форма вам омогућава да прилагодите мрежу на следеће начине:

  1. Дајте му име да бисте запамтили о чему се ради у мрежи.
  2. Изаберите Прилагођавање желите да примените на ову мрежу.
  3. Изаберите почетну страну картице коју желите да корисници прво виде. Подразумевано, то је изворна страна тог инвентара.
  4. Изаберите значку коју желите да користите на картици. Значка омогућава корисницима да упореде залихе на основу агрегатне метрике као што је eco-friendly.
  5. Додајте кључне речи, одвојене зарезом, које ће користити Веб претраживачи.
  6. Додајте наслове и описе на језицима које желите да корисник види.
  7. Кликните на Save дугме за наставак.
Сачувана мрежа претраге
Сачувана ставка мреже претраге са склопљеним менијем радњи
<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>

Ево како да уградите мрежу на свој сајт:

  • Ред 3 вам показује како да уградите Wink стилове на ваш сајт.
  • Редови од 6 до 9 показују како се користипрограм за учитавање садржаја намигнућаВеб компоненту и реците јој да преузме мрежу за ваш код.
  • Ред 11 вам показује како да уградите наш Јаваскрипт у ваш сајт.
  • Ред 13 вам показује како да уградитепрограм за учитавање апликација winkВеб компоненту и реците јој да преузме ваше поставке конфигурације на нивоу странице.

Направите рангирану мрежу тако што ћете отићи наTools > Gridsи кликните наRanked Gridкартица. Кликните наCreate ranked gridдугме.

Форма вам омогућава да прилагодите своју рангирану мрежу на следеће начине:

  1. Изаберите одредиште. Нпр. Токио.
  2. Дајте му име да бисте запамтили о чему се ради у мрежи. Нпр. Еколошки хотели у Токију
  3. Изаберите Прилагођавање желите да примените на ову мрежу.
  4. Изаберите почетну страну картице коју желите да корисници прво виде. Подразумевано, то је изворна страна тог инвентара.
  5. Изаберите по којој карактеристици желите да сортирате својства. Нпр. еколошка прихватљивост.
  6. Додајте кључне речи, одвојене зарезом, које ће користити Веб претраживачи.
  7. Додајте наслове и описе на језицима које желите да корисник види.
  8. Кликните на Save дугме за наставак.

Након што сачувате своју рангирану мрежу, бићете преусмерени на страницу са рангираним мрежама и ваша мрежа је сада спремна за дељење са светом.

Рангирана мрежа
Рангирана мрежа са склопљеним менијем радњи

Горе је приказана слика са свим доступним акцијама за вашу ранг-док мрежу:

  • АжурирањеАжурира конфигурацију ваше мреже.
  • Додај у WinkLinksДодаје рангирану мрежу на ваш WinkLinks налог.
  • УградиПоказује вам како да уградите ову мрежу каоМрежана ваш веб-сајт.
  • Користите са WordPress-омПоказује вам како да користите нашеWordPress додатакда уградите ову картицу на своју веб страницу.

Неке од ових опција детаљније обрађујемо у наставку.

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

Ево како да уградите мрежу на свој сајт:

  • Ред 3 вам показује како да уградите Wink стилове на ваш сајт.
  • Редови од 6 до 9 показују како се користипрограм за учитавање садржаја намигнућаВеб компоненту и реците јој да преузме рангирану мрежу за ваш код.
  • Ред 11 вам показује како да уградите наш Јаваскрипт у ваш сајт.
  • Ред 13 вам показује како да уградитепрограм за учитавање апликација winkВеб компоненту и реците јој да преузме ваше поставке конфигурације на нивоу странице.

Програмери који желе да управљају мрежама могу да оду наПрограмери > API > Инвентар.