TYPO3
Расширение Wink для TYPO3 интегрирует инвентарь Wink для путешествий в TYPO3 13 в виде нативных элементов контента. Редакторы добавляют компоненты Wink на страницы с помощью стандартного редактора страниц TYPO3 — без необходимости менять шаблоны.
wink-travel/wink-typo3-extension на GitHub Исходный код, руководство по настройке для разработчиков и инструкции по внесению вкладов.
Требования
Заголовок раздела «Требования»- TYPO3 13.x
- PHP 8.2+
- Composer
Установка
Заголовок раздела «Установка»- Установите через Composer:
Окно терминала composer require wink2travel/typo3-wink - Активируйте расширение:
Окно терминала vendor/bin/typo3 extension:activate wink - В бэкенде TYPO3 перейдите в Admin Tools → Settings → Extension Configuration → wink.
- Введите ваш Client ID, Client Secret и выберите окружение. Сохраните. Перейдите в Applications, чтобы получить ваши учетные данные.
- Добавьте статический шаблон TypoScript в корневой шаблон: Template → Edit → Includes → Available Items → Wink Travel.
Добавление элемента контента на страницу
Заголовок раздела «Добавление элемента контента на страницу»- Откройте страницу в модуле Page.
- Нажмите кнопку + в области контента, чтобы добавить новый элемент.
- Выберите один из элементов контента Wink Travel:
- Wink Content — карточки отелей, ранжированные сетки, карты
- Wink Lookup — строка поиска направления
- Wink Search — кнопка выбора маршрута
- Wink Account — кнопка входа в аккаунт
- Wink Itinerary — кнопка статуса маршрута
- Wink Cart — кнопка корзины покупок
- Для Wink Content используйте поля FlexForm, чтобы выбрать Layout Type и ввести Layout ID.
- Сохраните и опубликуйте страницу.
Доступные элементы контента
Заголовок раздела «Доступные элементы контента»| Элемент | Назначение |
|---|---|
| Wink Content | Карточки отелей, ранжированные сетки, карты и другое |
| Wink Lookup | Строка поиска направления |
| Wink Search | Иконка-кнопка, открывающая выбор маршрута |
| Wink Account | Кнопка входа / пользовательского аккаунта |
| Wink Itinerary | Кнопка маршрута, показывающая текущую поездку |
| Wink Cart | Кнопка с краткой информацией о корзине покупок |