WEBSITE INTEGRATIONS

Room Type Widget

2min

<room-type hotel=d2c884c4cc room-type=ffc46611-4b3f-4e32-9388-7c83af8e6077 locale=de>
<room-type hotel=d2c884c4cc room-type=ffc46611-4b3f-4e32-9388-7c83af8e6077 locale=de>
﻿
HTML
<script src="https://hmwidgets.web.app/shadow/js/app.js" type="application/javascript"></script>

<room-type hotel="d2c884c4cc" room-type="ffc46611-4b3f-4e32-9388-7c83af8e6077" locale="de">
<script src="https://hmwidgets.web.app/shadow/js/app.js" type="application/javascript"></script>

<room-type hotel="d2c884c4cc" room-type="ffc46611-4b3f-4e32-9388-7c83af8e6077" locale="de">
﻿
Options
Attribute
Description
Default
hotel
Hotel ID (required)
﻿
room-type
if a valid room-type ID is supplied only this room type is shown
if no room-type ID is supplied all rooms are rendered
﻿
booking-button
true shows the booking button
false hides the booking button
true
availability-calendar
true shows the availability calendar
false hides the availability calendar
true
flip
true shows the images on the right and the description on the left
false shows the images on the left and the description on the right
false
background
background color to be used for the room type row
any valid CSS color can be supplied - e.g. #eeeeee or rgb(230,230,230)
﻿
﻿

Attribute	Description	Default
hotel	Hotel ID (required)
room-type	if a valid room-type ID is supplied only this room type is shown if no room-type ID is supplied all rooms are rendered
booking-button	true shows the booking button false hides the booking button	true
availability-calendar	true shows the availability calendar false hides the availability calendar	true
flip	true shows the images on the right and the description on the left false shows the images on the left and the description on the right	false
background	background color to be used for the room type row any valid CSS color can be supplied - e.g. #eeeeee or rgb(230,230,230)

Overall Availability Calendar