Widget abgeschnitten

Servus @api84

Mit den wenigen Informationen ist es natürlich schwierig für mich da etwas zu finden.

Schalte daher bitte die devtools von meinem Plug-in ein, solange nach einem Fehler gesucht wird. Dadurch erhalte ein wenig mehr Informationen über dein System und m?gliche Probleme.
Bei der Nutzung als shortcode einfach devtools=true mit angeben. Beim Gutenberg-Editor kann es ganz einfach in der rechten Spalte angehakt werden.

—

Eines ist mir aufgefallen:

Das Widget wird bei dir zweimal gestartet, obwohl es nur einmal da sein sollte:

<script type='text/javascript' id='fubade-api-js-after'>
  new FussballdeWidgetAPI();
  new FussballdeWidgetAPI();
</script>

Vermutlich kommt dadurch etwas durcheinander.

Ich kann so nicht sagen, woran es liegen k?nnte.
Daher bitte mal das Widget von der Seite entfernen, Seite speichern, und dann noch mal neu einbinden. Dabei dann bitte die o.g. devtools aktivieren.

Gebe mir dann wieder Bescheid, damit ich mir das erneut anschauen kann.

Grü?e
Alex

• This reply was modified 3 years, 2 months ago by Alex.
• This reply was modified 3 years, 2 months ago by Alex.
• This reply was modified 3 years, 2 months ago by Alex.

Hi Alex,
versuche es nochmals.
Habe es neu eingebunden unter https://svnollingen.com/fussballde-news/

Hi @api84

Im Log sehe ich, dass das Widget wirklich zweimal gestartet wird.

new FussballdeWidgetAPI();
[…]
[fubade-42-0IR32] api: 02F…R32
[fubade-42-0IR32] notice: News
[fubade-42-0IR32] fullwidth: 1
[fubade-42-0IR32] devtools: 1

[…]

new FussballdeWidgetAPI();
[…]
[fubade-82-0IR32] api: 02F…R32
[fubade-82-0IR32] notice: News
[fubade-82-0IR32] fullwidth: 1
[fubade-82-0IR32] devtools: 1

Daraus resultiert:

window.FussballdeWidgetAPI -> evt.data.container fubade-82-0IR32
window.FussballdeWidgetAPI -> evt.data.container undefined

Beim zweiten Durchlauf geht dann die Verknüpfung verloren (der (div)-Container für die Updates ist undefined da er gar nicht existiert). Dadurch wei? die fussball.de-Seite, die auch die korrekte H?he berechnet und an deine Seite zurückgibt, nicht wo sie die Anpassung durchführen muss.

Das einzige, was du testen kannst, sind das Deaktivieren von anderen Plugins. Ich vermute, es gibt da irgendwo eine Kollision / ein (doppeltes) Nachladen der Seite.
Meine ersten Versuche w?ren kurzfristig das Borlabs-Cookie-Plugin, dann Plugins, die mit Caching oder anderen Optimierungen zu tun haben. Danach dann alle anderen.

Bitte leere nach jeder Deaktivierung und vor dem Neuladen der Seite den Browser-Cache.

Wenn du das entsprechende Plugin gefunden hast, k?nnen wir schauen wie wir weiter machen.

Im schlimmsten Fall k?nnte es auch ein Script vom Theme sein. Auch dann müssten wir schauen, wie wir damit umgehen. Um das zu testen, müsstest du tempor?r mal ein anderes (Standard-Theme wie z.B. “Twenty Twenty-One”) aktivieren und darin testen.

Gib mir gerne Bescheid, sobald du das Plugin/Theme identifiziert hast. Dann kann die L?sungssuche weitergehen.

Grü?e
Alex

Hallo Alex,
ich habe das gemacht was du mir geschrieben hast und trotzdem ist das Widget abgeschnitten. Ich habe jetzt mal alles zurück gesetzt. Auch keine ?nderung.
Ein anderes Theme bringt ebenfalls keine ?nderung.

Die Testseite mit DevTools habe ich nun wieder auf https://svnollingen.com/2021/09/01/news-test/

Hi @api84

da muss ich zugeben, dass ich aktuell keine Ahnung habe, woran es liegen k?nnte ??

Wenn bei dir die Probleme auch ohne Plugins und mit dem Standard-Theme da sind, kann es eigentlich nur noch am Server selber liegen, was aber auch keinen Sinn ergibt ??

Ich habe es produktiv aktuell auf drei Seiten problemlos laufen. Zudem hatte ich heute Morgen extra noch mal parallel ein neues Test-System aufgesetzt, wo es auch ganz normal funktionierte.

Ich werde mal drüber schlafen. Vielleicht f?llt mir noch etwas ein.

Grü?e
Alex

Vielleicht ein Versuch noch.

Wie bindest du das Plugin ein? Gutenberg oder Shortcode? Falls Gutenberg, dann versuche mal als Shortcode.

über den Classic Editor Textebene.

[fubade api=”02FJAMGR6O000000VUM1DNOOVSP0IR32″ notice=”News” fullwidth=true devtools=true]

Shortcode hat das selbe Ergebnis werde es aber nochmals testen

Ich habe den Orginal Code von Fussball.de in mein System eingebunden. Hier wird es richtig übergeben. Siehe…

https://svnollingen.com/fussball-test/

Hi @api84

Ich habe den Orginal Code von Fussball.de in mein System eingebunden. Hier wird es richtig übergeben. Siehe…

https://svnollingen.com/fussball-test/

So richtig scheint das mit der H?he aber auch nicht zu klappen ??
Oder warum musst du eine feste H?he mitgeben? Oder kommt sie nicht von dir?

<div id="widget1" style="width:auto;height:1000px;"></div>

—

Mit dem von dir genutzten Theme, NewsCard, und dem Borlabs Plugin, bekomme ich es in einer Testumgebung problemlos zum Laufen. https://wp.itsb.dev/hallo-welt/

Ich habe aber eine andere Idee, woran es liegen k?nnte. Probier bitte mal das Einbinden eines anderen Widgets von fussball.de. Ein Mannschaftsspielplan z.B.

Grü?e
Alex

• This reply was modified 3 years, 2 months ago by Alex.

Hi Alex,
ein anderes Widget ist hier eingebunden
https://svnollingen.com/vereinsspielplan/

height1000px deshalb weil er bei 100% oder auto einfach nur einen Ausschnitt zeigt ??

Gru? Thomas

Hi Thomas

height1000px deshalb weil er bei 100% oder auto einfach nur einen Ausschnitt zeigt ??

Genau das dachte ich mir.

Das Widget mit den Spielberichten von Fussball.de scheint kaputt zu sein. Es ?ndert seine H?he nicht automatisch, sondern liefert nur seine Standorth?he aus. Ich ?ndere die H?he in meinem Plugin auf 200px und verbiete den Scrolleffekt (es gibt sonst an anderen Stellen Probleme), daher sieht es etwas anders aus wie im Original.

Der Vereinsspielplan funktioniert ja bei dir wie gewünscht (?ndert man das “Bis” Datum z.B. auf November, ?ndert sich auch die H?he). Daher funktioniert mein Plugin grds. korrekt.

Ich werde aber n?chste Woche mal schauen, ob ich da etwas mit meinem Plugin machen kann, damit es zumindest etwas angenehmer zu handhaben ist.

Gru?
Alex

Nur ein kurzer Zwischenstand:

Ich habe dich nicht vergessen, bin aber aktuell ziemlich eingespannt. Daher konnte ich mich noch nicht abschlie?end darum kümmern, bleibe aber dran.

Hi Thomas!

Entschuldige die Verz?gerung.

Es gibt mit dem heutigen Update auch die Eigenschaft classes um, eine eigene CSS-Klasse mitzugeben und entsprechend stylen zu k?nnen.

Also z.B. so etwas hier:

[fubade api="…" fullwidth=true classes="my-awesome-sepcial-class"]

Und im CSS dann z.B.:

.my-awesome-sepcial-class {
    height: 1000px;
    border: 5px solid green;
}

Damit kann dein Problem wenigstens ein wenig angenehmer umgangen werden. Der eigentliche Knackpunkt liegt leider bei fussball.de selber. Da kann ich leider nichts dran machen.

Grü?e
Alex

Hey,

Die Anpassungen sind zwar ganz cool, aber bei meinem Test ist mir gerade aufgefallen, dass die H?he des Divs im Elementstyling gesetzt wird, weshalb mit der Verwendung der eigenen CSS-Klasse die H?he nicht überschrieben werden kann.

<iframe src="//www.fussball.de/widget2/-/schluessel/02GILI91B0000000VUM1DNPDVUD36GTN/target/fubade-0-36GTN/caller/wp.sv1911.de" width="550pxpx" height="1492pxpx" scrolling="no" style="border: 1px solid rgb(206, 206, 206);overflow: hidden;min-height: 200px;max-width: 100%;max-height: 68px;"></iframe>

Es sieht so aus als würde die H?he des Iframes gesetzt werden, befor die Inhalte geladen werden, denn wenn man das Fenster “resized” wird die H?he entsprechend aktualisiert.

• This reply was modified 2 years, 11 months ago by Steven Stern (sterndata).