The Hotel infos Component
Description
Description
This is a component for displaying hotel information. You can configure which categories to display.
Screenshots
A screenshot of the hotel info view.
Meta
| Maintainer | 6m-haj@tui.com |
|---|---|
| Locales |
de-DE
|
Usage
Add the following script tag (or something similar) to your web page to have the component load. Note: This is required only once per webpage, even when you embed multiple instances of the component.
<script src="https://cloud.tui.com/6m/beone-content/hotel-info-6m/master/main.js" async defer></script>
Add the following HTML code anywhere in your webpage at the position where you want the component to show. You can create multiple instances of the component.
<tui-hotel-info></tui-hotel-info>
Examples
-
Showing all hotel-infos except for the abstract.
<tui-hotel-info product-code="FUE21021"></tui-hotel-info>
Read more about using components ›
Attributes
This component can be configured with the following attributes:
| Name | Description | Allowed Values | Default | Required |
|---|---|---|---|---|
giata-id |
The ID of the hotel of which infos should be displayed. |
^[0-9]+$
|
no | |
product-code |
The productCode of the hotel of which infos should be displayed. |
^[0-9]+$
|
no | |
date |
Useful to retrieve hotel-infos which are valid for a specific date. So it is recommended to set this date to the customers travel-start-date. |
([12]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01]))
|
no | |
category-order |
Comma-seperated list for the order and visibility of hotel-info categories. Prefix |
^.*,.*$
|
!ABSTRACT |
no |
content-api-url |
The URL of the hotel-info backend. |
^.*$
|
no | |
collapsable |
Defines whether the categories are collapsable. |
false |
no |