{"id":2455,"date":"2024-03-07T14:52:49","date_gmt":"2024-03-07T13:52:49","guid":{"rendered":"http:\/\/liro-hotels.com.w01daad8.kasserver.com\/qr-code\/"},"modified":"2024-03-25T14:51:04","modified_gmt":"2024-03-25T13:51:04","slug":"qr-code","status":"publish","type":"page","link":"https:\/\/www.liro-hotels.com\/en\/qr-code\/","title":{"rendered":"QR-code"},"content":{"rendered":"\t\n<div  class=\"header\" style=\"background:url('https:\/\/www.liro-hotels.com\/wp-content\/uploads\/2024\/02\/room1.jpg');\">\t\n\t\n\t\t\n\t<div class=\"inner-header\">\n\t\t<div class=\"headline\"><p>QR-code<\/p>\n<\/div>\n\t\t<p>Text<\/p>\n\t<\/div>\n<\/div>\n\n\n\n\n<script type=\"text\/javascript\">\n    var fallbackText = \"Where would you like to stay overnight?\";\n<\/script>\n\n\n\n\n<div class=\"os-quickselect-bar\">\n\t\t\n\t\t<div class=\"os-quickselect-bar-grid\">\n\t\t\t\n\t\t\t<div class=\"os-quickselect-bar-label\">\n\t\t\t\t<span>\n   Book here for the best price\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\n\t\t\t<div class=\"form-container enable-replace enable-replace-by-group\">\n\t\t\t\t<form>\t\n\t\t\t\t<div id=\"os-quickselect-bar-selector--default-text\">Where would you like to stay overnight?<\/div>\n\t\t\t\t\n\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<select name=\"booking_selector\" id=\"booking_selector\" class=\"custom-select\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n<option value=\"__Group_Krefeld\">Krefeld<\/option><option value=\"997efb92-c058-48ff-b054-b16c00b059f5\">LiRo Apartments | J\u00e4gerstr. | Krefeld<\/option><option value=\"19b268d8-7be3-4965-9862-b11400963c24\">LiRo Apartments | Gladbacherstr. | Krefeld<\/option><\/optgroup><option value=\"__Group_Moers\">Moers<\/option><option value=\"8a391d23-6397-4007-934e-b11400bce63a\">LiRo Hotel Moers<\/option><\/optgroup><option value=\"__Group_M\u00f6nchengladbach\">M\u00f6nchengladbach<\/option><option value=\"2b68da3b-addd-470f-a754-b147010088c1\">LiRo Hotel M\u00f6nchengladbach<\/option><option value=\"c44ff4a8-d7e8-4486-a250-b14700ffd96f\">LiRo Apartments | Sandstr. | M\u00f6nchengladbach<\/option><\/optgroup><option value=\"__Group_Niederkr\u00fcchten\">Niederkr\u00fcchten<\/option><option value=\"0ee89e86-f014-4db9-81af-b16c008ea64d\">LiRo Hotel Niederkr\u00fcchten<\/option><\/optgroup><option value=\"__Group_Oberhausen\">Oberhausen<\/option><option value=\"549135b3-24bd-4512-83fe-b14700d35e5b\">LiRo Hotel Oberhausen<\/option><\/optgroup><option value=\"__Group_Solingen\">Solingen<\/option><option value=\"d5ca5c7f-5549-4001-8df6-b11400bcb8b2\">LiRo Apartments Solingen<\/option><\/optgroup><option value=\"__Group_Viersen\">Viersen<\/option><option value=\"f6cd3e3c-4f58-4a6d-8aba-b11400bdbc49\">LiRo Hotel Viersen<\/option><\/optgroup>\t\t\t\t\t\t    \t\n\t\t\t\t\t\t<\/select>\n\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"os-quickselect-bar-button distributor-open\">\n\t\t\t\t<input type=\"button\" value=\"Check availability\"\/>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\n\t\t\t<\/form>\n\t\t\t\n\t\t\n\t\t<\/div>  <!-- \/os-quickselect-bar-grid -->\n\t<\/div> <!-- \/os-quickselect-bar -->\n\n\n\n\n\n\n<div class=\"ibe-overlay-hotelname\">\n\t<div class=\"inner\">\n\t\n\n\t\t\t<div class=\"549135b3-24bd-4512-83fe-b14700d35e5b\">LiRo Hotel Oberhausen<\/div>\n\t\t\t<div class=\"0ee89e86-f014-4db9-81af-b16c008ea64d\">LiRo Hotel Niederkr\u00fcchten<\/div>\n\t\t\t<div class=\"f6cd3e3c-4f58-4a6d-8aba-b11400bdbc49\">LiRo Hotel Viersen<\/div>\n\t\t\t<div class=\"8a391d23-6397-4007-934e-b11400bce63a\">LiRo Hotel Moers<\/div>\n\t\t\t<div class=\"2b68da3b-addd-470f-a754-b147010088c1\">LiRo Hotel M\u00f6nchengladbach<\/div>\n\t\t\t<div class=\"c44ff4a8-d7e8-4486-a250-b14700ffd96f\">LiRo Apartments | Sandstr. | M\u00f6nchengladbach<\/div>\n\t\t\t<div class=\"997efb92-c058-48ff-b054-b16c00b059f5\">LiRo Apartments | J\u00e4gerstr. | Krefeld<\/div>\n\t\t\t<div class=\"19b268d8-7be3-4965-9862-b11400963c24\">LiRo Apartments | Gladbacherstr. | Krefeld<\/div>\n\t\t\t<div class=\"ce2a14ef-163c-4d73-aa40-b24e00b7bc3f\">LiRo Apartments D\u00fcsseldorf<\/div>\n\t\t\t<div class=\"d5ca5c7f-5549-4001-8df6-b11400bcb8b2\">LiRo Apartments Solingen<\/div>\n\t\t\t<div class=\"d5ca5c7f-5549-4001-8df6-b11400bcb8b2\">LiRo Hotel Dortmund<\/div>\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t<\/div>\n<\/div>\n\n\n<script>\n$(document).ready(function() {\n    $('.os-quickselect-bar-button').click(function() {\n        \/\/ Das ausgew\u00e4hlte Wert der Select-Box abrufen\n        var selectedBookingId = $('#booking_selector').val();\n\t\t\n\t\tconsole.log('TEST');\n\t\tconsole.log(selectedBookingId);\n\t\t\t\n\t\t \/\/ Nach 0,5 Sekunden beide Divs anzeigen\n            setTimeout(function() {\n                $('.ibe-overlay-hotelname').show();\n                $('.ibe-overlay-hotelname .' + selectedBookingId).show();\n            }, 500);\n\n        \/\/ \u00dcberpr\u00fcfen, ob ein Wert ausgew\u00e4hlt wurde\n        if (selectedBookingId && !selectedBookingId.startsWith('__Group_')) {\n            \/\/ Hier setzen wir den ausgew\u00e4hlten Wert in den JavaScript-Code ein\n            Mews.Distributor({\n                configurationIds: [\n                    selectedBookingId,\n                ],\n\t\t\t\t openElements: '.distributor-open',\n            }, function(distributor) {\n                var start = new Date();\n                var end = new Date();\n                end.setDate(start.getDate() + 2);\n\n                distributor.setStartDate(start);\n                distributor.setEndDate(end);\n                distributor.open();\n\t\t\t\tdistributor.setLanguageCode('en-US');\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/\/ \u00dcberwache die Opazit\u00e4t des Mews-Fensters\n    setInterval(function() {\n        \/\/ \u00dcberpr\u00fcfe, ob die Opazit\u00e4t des Mews-Fensters 0 ist\n        if ($('.mews-distributor').css('opacity') == 0) {\n            \/\/ Das Mews-Fenster hat Opazit\u00e4t 0, also blende das Div mit der Klasse \"ibe-overlay-hotelname\" aus\n            $('.ibe-overlay-hotelname').hide();\n\t\t\t$('.ibe-overlay-hotelname .inner div').hide();\n        }\n    }, 100); \/\/ \u00dcberpr\u00fcfe alle 0,5 Sekunden\n\t\t\t\t \n\t\t\t\t\n            });\n        } else {\n            \/\/ Tooltip anzeigen, wenn keine g\u00fcltige Auswahl getroffen wurde\n            showTooltip($('.os-quickselect-bar-button'), \"Please select a hotel or apartment first!\");\n        }\n    });\n\n    \/\/ Tooltip-Funktion\n    function showTooltip(element, message) {\n        \/\/ Tooltip-Element erstellen\n        var tooltip = $('<div class=\"custom-tooltip\"><\/div>').text(message);\n        $('body').append(tooltip);\n\n        \/\/ Position des Tooltips festlegen\n        var offset = element.offset();\n        tooltip.css({\n            top: offset.top - tooltip.outerHeight() - 10, \/\/ 10px \u00fcber dem Button\n            left: offset.left + (element.outerWidth() \/ 2) - (tooltip.outerWidth() \/ 2) \/\/ Zentriert zum Button\n        });\n\n        \/\/ Tooltip einblenden\n        tooltip.css('opacity', 1);\n\n        \/\/ Tooltip nach 2 Sekunden ausblenden und entfernen\n        setTimeout(function() {\n            tooltip.fadeOut(300, function() {\n                $(this).remove();\n            });\n        }, 2000);\n    }\n});\n<\/script>\n\n<style>\n    \/* Tooltip-Style *\/\n    .custom-tooltip {\n        position: absolute;\n        background-color: red;\n        color: #fff;\n        padding: 5px 10px;\n        border-radius: 5px;\n        font-size: 16px;\n        white-space: nowrap;\n        z-index: 1000;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n<\/style>\n\n\n\n\n\n<div class=\"infobox\">\n\t<div class=\"background-switcher\">\n\t\t<div class=\"infotext_image\">\n\t\t  <div class=\"image-holder\">\t\t\t  \n\t\t\t<img decoding=\"async\" src=\"https:\/\/www.liro-hotels.com\/wp-content\/uploads\/2024\/02\/room1.jpg\" alt=\"Komfortables Hotelzimmer mit Boxspringbett, stilvoller Beleuchtung und Schreibtischbereich.\">  \n\t\t\t<div class=\"overlay-text\">\n\t\t\t\t<h4>Text Laura<\/h4>\n\t\t\t\t<p>Willkommen bei LiRo Hotels. Hier k\u00f6nnen Sie eines unserer Apartments in folgenden St\u00e4dten direkt bei uns buchen. Vorteil: (bei Alin anfragen zwecksVorteile, Upsell oder Rabatt bei Direktbuchung)&#8230;<\/p>\n\t\t\t<\/div>\n\t\t  <\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2455","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>QR-code - liro-hotels.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.liro-hotels.com\/en\/qr-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"QR-code - liro-hotels.com\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.liro-hotels.com\/en\/qr-code\/\" \/>\n<meta property=\"og:site_name\" content=\"liro-hotels.com\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-25T13:51:04+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.liro-hotels.com\\\/en\\\/qr-code\\\/\",\"url\":\"https:\\\/\\\/www.liro-hotels.com\\\/en\\\/qr-code\\\/\",\"name\":\"QR-code - liro-hotels.com\",\"isPartOf\":{\"@id\":\"\\\/#website\"},\"datePublished\":\"2024-03-07T13:52:49+00:00\",\"dateModified\":\"2024-03-25T13:51:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.liro-hotels.com\\\/en\\\/qr-code\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.liro-hotels.com\\\/en\\\/qr-code\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.liro-hotels.com\\\/en\\\/qr-code\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.liro-hotels.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"QR-code\"}]},{\"@type\":\"WebSite\",\"@id\":\"\\\/#website\",\"url\":\"\\\/\",\"name\":\"liro-hotels.com\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"QR-code - liro-hotels.com","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.liro-hotels.com\/en\/qr-code\/","og_locale":"en_US","og_type":"article","og_title":"QR-code - liro-hotels.com","og_url":"https:\/\/www.liro-hotels.com\/en\/qr-code\/","og_site_name":"liro-hotels.com","article_modified_time":"2024-03-25T13:51:04+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.liro-hotels.com\/en\/qr-code\/","url":"https:\/\/www.liro-hotels.com\/en\/qr-code\/","name":"QR-code - liro-hotels.com","isPartOf":{"@id":"\/#website"},"datePublished":"2024-03-07T13:52:49+00:00","dateModified":"2024-03-25T13:51:04+00:00","breadcrumb":{"@id":"https:\/\/www.liro-hotels.com\/en\/qr-code\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.liro-hotels.com\/en\/qr-code\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.liro-hotels.com\/en\/qr-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.liro-hotels.com\/en\/"},{"@type":"ListItem","position":2,"name":"QR-code"}]},{"@type":"WebSite","@id":"\/#website","url":"\/","name":"liro-hotels.com","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.liro-hotels.com\/en\/wp-json\/wp\/v2\/pages\/2455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.liro-hotels.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.liro-hotels.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.liro-hotels.com\/en\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.liro-hotels.com\/en\/wp-json\/wp\/v2\/comments?post=2455"}],"version-history":[{"count":1,"href":"https:\/\/www.liro-hotels.com\/en\/wp-json\/wp\/v2\/pages\/2455\/revisions"}],"predecessor-version":[{"id":2456,"href":"https:\/\/www.liro-hotels.com\/en\/wp-json\/wp\/v2\/pages\/2455\/revisions\/2456"}],"wp:attachment":[{"href":"https:\/\/www.liro-hotels.com\/en\/wp-json\/wp\/v2\/media?parent=2455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}