Integration eines Widgets mit CSS-Codes 
Autor: Daniel S.Wir haben in unsere Website X5 prof 17.0.6 ein Buchungssytem integriert, indem wir ein mit einem CSS-Code generiertes Widget eingepflegt haben. Unter "sidemap" Eigenschaften der Seite (Naturtour, Minitour, SUP-Kurs, SUP-Miete): über Erweitert, Dateinamenformat: html.
Im Moment passt jedoch das Layout nicht, denn die Kopfzeile des Templates wird unten angezeigt. Wir haben alle Möglichkeiten durchgespielt:
Vor dem Head-Tag, Nach dem Head-Tag, Nach dem Body-Tag......
Doch jedesmal wird die Kopfzeile mit dem Menü erst am Seitenende gezeigt.
Wenn wir das Widget auf der Seite selbst mit dem Icon "HTML Code" einfügen, ist die Darstellung zu eng und graphisch nicht ansprechend, auch wenn wir das Icon "HTML-Code" über die gesamte Breite ziehen und zusätzlich "Erweitern" angeben. das ist bei unserer Seite "Gutschein" noch der Fall, der Text der eigentlich neben das Bild gehört, steht darunter.
Wo müssen wir die widgets einpflegen, damit ein vernünftiges, kundenfreundliches Layout entsteht?
Vielen Dank für eine schnelle Antwort.
Carola
Unsre URL: www.kanusaarfari.de
Es ist derzeit noch die V17.0.4.0 Version Online! Du musst ein Update vom Programm machen auf die V17.0.6.0 und danach alles hochladen.
Außerdem sehe ich dass du einen Code doppelt enthalten hast .... #google_translate_element{.... den solltest du 1 x. rauslöschen.
Autor
Guten Morgen Andreas, vielen Dank für den Hinweis.
Ich habe die neue Version noch nicht hochgeladen, da wir noch am Layout feilen. Das #google translate element# ist zu breit, deshalb erscheint es doppelt, das habe ich schon in der noch nicht hochgeledenen Verson geändert.
Es geht jetzt aber um das Problem mit dem Buchungswidget und ich brauche dringend Hilfe. Wenn man auf die Seite Kanutouren geht und dann auf Buchen klickt, kommt man zur Buchungsseite. Hier sieht man, dass das widget an einer falschen Stelle eingepflegt wurde, da es erstens zu breit ist und zweitens die Menüleiste ganz unten angezeigt wird.
Wo muss ich den CSS-Code eingeben???
Wo genau hast du den Code eingegeben? In den Header?
Normalerweise in einem HTML-Objekt gehört der HTML, CSS und JS Code eingefügt! Außer man kennt sich aus und verändert den vorhandenen CSS Code mit eigenen Code, dann muss man diesen vor dem </head> Tag einfügen.