[gelöst] Slick View - Colorbox funktioniert NUR mit meinem Theme nicht

Welche Drupal Version hast du im Einsatz und welches Basis Theme?

Grüße Jenna

Ich benutze 8.4.4 und habe ein eigenes Theme erstellt.
Basis is quasi cassy vom Core.

die Darstellung und Effekte werden mit Java-Script bzw. JQuery realisiert.
Diese müssen natürlich im Template geladen werden.

Kannst du mir einen genaueren Tipp geben, was ich im Theme template laden muss?

Ich hatte extra bei den Modul Beschreibungen noch mal nachgeguckt und dachte eigentlich, dass alle nötigen Dateien in /libraries bzw /modules liegen. Also außerhalb des Theme.

aber wenn du die Templates vergleichst, solltest du den Unterschied finden.

Hm. Aber ich hab doch die Templates nur kopiert und das Design über CSS realisiert für diesen Bereich.

Aber dennoch danke für deinen Tipp.
Ich werde auf jeden Fall nochmals genau vergleichen.
Vielleicht ist da irgendwo ja ein Pfad eingetragen, der jetzt Probleme macht, weil die Templates nicht mehr in core liegen.

Hilft dir dieser Link vielleicht weiter um Unterschiede zu finden? Hast du das Basis Theme korrekt angegeben?
Also dein eigenes Theme auch wirklich vom Basis Theme abgeleitet?
Wenn du es einfach nur kopierst ist das der falsche Weg, weil der Bezug nicht mehr gegeben ist.

https://waldbeek.com/blog/drupal-8-theme-erstellen

Grüße Jenna

ergänzt:
https://www.drupal.org/docs/8/theming

Ja dass kann ich. Steht nämlich in der Moduldokumentation astrein formuliert:

https://github.com/kenwheeler/slick/

Ach eins hab ich noch vergessen. Der Code muss slebstverständlich in die entsprechenden .yml-Dateien deines Themes

so... ich habe es jetzt nochmal von vorne getestet.

Wie ich ein Theme erstelle (und in einem Tutorial gelernt habe):

- Ich habe einen Ordner in themes/custom erstellt mit Namen testing
- Ich habe eine testing.info.yml Datei erstellt + eine testing.libraries,yml beides mit den Basisdaten die man eben so braucht

- in der libraries Datei ist lediglich als dependencies auf - core/jquery verlinkt

- Dazu eine css Datei, die ebenfalls in der libraries Datei verlinkt ist

Dann habe ich den core/themes/stable/templates Ordner in meinen Theme Ordner testing kopiert. (ich hatte vorher fälschlicherweise Classy geschrieben hier)

>>> damit funktioniert die Bildgallerie in der erstellten Website OHNE Probleme!

Fazit: Es braucht also keinerlei weitere Einbindung von irgendwas

Bedeutet allerdings auch, dass das, was mir in meinem echten Design Probleme macht, irgendwie in der CSS Datei liegen muss oder aber mit den wenigen Veränderungen in den Templates zu tun hat, die ich vorgenommen habe.

Nach ewigem Debugging habe ich jetzt die Stelle gefunden, die das Problem auslöst.
Allerdings erscheint es mir völlig abstrus, dass diese Module offenbar auf das header setting reagieren.

So sah mein Header in der page.html.twig aus:

Und das ist die Lösung:

Die Ausgabe von {{ page.header }} muss dafür offenbar zwingend in einem header-tag erscheinen.
Warum leuchtet mir allerdings nicht im Geringsten ein.

Das liegt daran, dass der HTML5-Standard berücksichtigt wird

https://developer.mozilla.org/de/docs/Web/HTML/Element/header

Klar, wenn dein Theme auf der Basis von Classy läuft, ist der in der Dokumentation angegebene Code ja schon im Base-Theme enthalten :-)

Ich hatte mich da vorher vertan, es waren nicht die Templates von classy sondern von stable.

Und der HTML5-Standard sagt doch nur rudimentär was enthalten sein könnte aber nicht muss.
Eingebunden hatte ich den Tag ja (wie oben zu sehen ist). Nur dass eben nicht page.header drin war, sondern das Header Bild.

Und warum das Einfluss auf eine Bilddarstellung im Content hat, ist damit ja auch nicht erklärt.
Aber ist ja egal.

Ich bin froh, dass es jetzt läuft. Und wenn es doch auch jemand anderem passiert, kann er hier die Lösung finden. :)

dass in diesem Theme die JQuery-Lib im page header geladen wird.
Deshalb muss dieser wohl auch eingebunden werden.