Grüße Euch,
ich versuche im Moment ein Reservierungs-Widget von OpenTable (=Reservierungssystem für die Gastronomie) in Contao 3.5.12 einzubinden.
Auf Grund von Darstellungsfehlern habe ich den Support von OpenTable angeschrieben und habe einige Styles bekommen, welche ich an den bestehenden Code des Widget einbinden sollte.
Leider hatte das im ersten Versuch ein paar Dropdowns auf der Seite deaktiviert, weshalb mir der Support noch den Tipp gegeben hat, auf die jquery-migrate-1.1.1.min.js zu verweisen.
Das Widget habe ich als Modul (eigener HTML-Code) eingebunden:
Code:
<script type="text/javascript" src="https://www.opentable.de/frontdoor/default.aspx?rid=000000&restref=000000&bgcolor=F6F6F3&titlecolor=0F0F0F&subtitlecolor=0F0F0F&btnbgimage=https://www.opentable.de/frontdoor/img/ot_btn_red.png&otlink=FFFFFF&icon=dark&mode=wide&hover=1"></script>
<style>.OT_title{margin: 5px 0 0 15px !important; font-size: 14px !important; font-style: normal !important;}.OT_subtitle{margin: 0 0 0 15px !important; font-size: 8px !important; font-style: normal !important;}.OT_list{padding: 0 !important; margin: 0 0 0 195px !important;}.OT_day, .OT_time, .OT_party{width: 163px !important; height: 39px !important; padding: 6px 0 13px 35px !important;}.OT_submit{width: 163px !important; height: 39px !important; padding: 8px 0 11px 15px !important;}.OT_searchTimeField, .OT_searchDateField, .OT_searchPartyField{width: 116px !important; height: 21px !important;}</style> <script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
script habe ich natürlich in die Liste der erlaubten HTML-Tags eingefügt.
Nun wird zwar das Widget fehlerfrei angezeigt, jedoch hat der Code irgendwie einen Einfluss auf das CSS des restlichen Inhalts. Beispielsweise von einem Akkordeon. Hier werden z.B. Rahmen, Listen Icons und Schriften verändert.
OpenTable hatte Contao bisher leider noch nicht auf dem Schirm, weshalb das Widgets für Contao noch nicht angepasst wurde. Ich habe daraufhin auf den CMS Crawler und das Ranking von Contao hingewiesen... ;-) Contao soll nun auf die Liste der unterstützten CMS aufgenommen werden. Leider wird das wohl noch eine weile dauern...
Gibt es eine Möglichkeit das Widget "einzusperren", damit der Code die restliche Seite nicht beeinflusst bzw. danach das "normale" CSS von Contao wieder greift?
Meine aktive Zeit mit HTML und CSS ist leider schon lange her. Ich komme seit Tagen nicht mehr weiter..
Ich hoffe es ist verständlich was mein Problem ist. Aktuell ist die Seite nur bei mir lokal und noch nicht live im Einsatz.
Lesezeichen