Support » Plugins » Lightbox-script beeinflusst fixed footer

  • Gelöst bunterhaufen

    (@bunterhaufen)


    Hallo liebe community,
    ich habe auf meiner Homepage einige Galerien die ich mit elementor erstellt haben und bei denen die Bilder in einer Lightbox geöffnet werden sollen. Dabei gibt es aber scheinbar einen Konflikt zwischen der elementor lightbox und der wordpress lightbox, es sieht so aus als lägen zwei lightboxes übereinander, was blättern zwischen den Bilder unmöglich macht. Das Problem lässt sich beheben indem ich das Lightbox script deaktiviere. Somit funktioniert die Galerie einwandfrei, allerdings sind dann meine „fixed footer“ auf einigen anderen Seiten nicht mehr am unteren Bildschirmrand fixiert, obwohl ich das im coustomizer eingestellt habe. Gibt es dazu eine Lösung?
    Hier noch zwei links zu zwei Seiten mit Galerie und nicht mehr fixier Fuszeile:
    http://bunterhaufen.ch/hinwil-2018/
    http://bunterhaufen.ch/presse/
    Vielen Dank für eure Unterstüzung

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Hallo @bunterhaufen

    also WordPress hat kein Lightbox onboard. Das wird vom Theme stammen.
    Außerdem hat Lightbox keine Auswirkung auf die Fixierung des Footers.

    Leider ist der fehlerhafte Zustand (Überlappung) nicht zu sehen. Aber ich denke, ich weiß trotzdem woran es liegt.

    Trag das mal in den Customizer ==> Zusätzliche CSS ein:

    .swiper-wrapper {
    z-index: 9999999 !important;
    }

    Und aktiviere das Skript wieder.

    Thread-Starter bunterhaufen

    (@bunterhaufen)

    Hallo @la-geek,
    Vielen Dank für deine Antwort. Ich habe den Code im Customizer unter Custom CSS/JS eingetragen und das Lightbox-Script wider aktiviert, aber es hat leider nicht funktioniert, alles wie vorher. Bei aktiviertem Lightbox-Script „überlappende“ lightbox und wenn deaktiviert, kein fixed footer mehr…
    Ich verwende übrigens das OceanWP Theme (sorry, das hatte ich vergessen zu erwähnen)
    Hast du (oder jemand) eine andere Idee?

    Ja, schade. Ohne das Überlappen sehen zu können, lässt sich da kaum irgendeine Ursache finden.

    Ich verstehe auch nicht so ganz, was du meinst. Wenn der Footer fixed ist, dann ist es klar, dass ein Lightbox-Bild sich über den Footer platziert. Lightbox bringt das Bild quasi in ein neues Fenster, das keinen Einfluss auf die Berechnung der Höhe des eigentlichen Content-Bereiches hat.

    Wie soll das auch anders funktionieren? Erkläre mal, wie/wo der Footer sein soll, wenn das Lightbox-Bild angezeigt wird, bzw. wie/wo das Lightbox-Bild sein soll?

    Thread-Starter bunterhaufen

    (@bunterhaufen)

    Guten Morgen,
    ich schilderen mal wie ich das Problem entdekt habe, vielleicht ist es dann etwas verständlicher:

    Ich bearbeite auf meiner Homepage die einzelnen Seiten mit elementor. Unter Anderem habe ich einige Seiten mit Bildergalerien erstellt (z.B. http://bunterhaufen.ch/hinwil-2018/). Dazu habe ich die Galerien auch in elementor erstellt, weil mir die default Galerie vom Theme (OceanWP) nicht gefallen hat. Dabei gabs ein Problem: In der Seitenansicht sah alles gut aus, wenn man aber dann auf ein Bild geklickt hat, öffnete sich eine Lightbox in man aber nicht blättern konnte, die Pfeil icons links und rechts haben nicht funktioniert. Wenn man stattdessen die Pfeiltasten auf der Tastatur benutzt hat sah man wie die Bilder im Hintergrund geblättert wurden, das „vorderste“ Bild blieb aber unverändert.
    Ich habe dann ewtas herumgesucht und eine Lösung dafür gefunden: Wenn man das Lightbox script vom OceanWP Theme deaktiviert funktioniert die Galerie einwandfrei. Das hat aber ein anderes Problem ausgelöst:
    Ich hatte im Customizer bei der Fusszeile die option „Fusszeile fixieren“ aktiviert, was dafür sorgen sollte, dass bei jeder Seite die Fusszeile am unteren Bildschirmrand fixiert ist, auch wenn dadurch ein leerer Bereich auf der Seite entsteht. Das hat bei aktiviertem Lightbox script auch funktioniert, wenn das Script aber deaktiviert ist rutscht der footer nach oben und ist nicht mehr fixiert (z.B. http://bunterhaufen.ch/presse/)
    Kurz gefasst: Es schein als ob ich die Wahl hätte zwischen einer funktionierenden Galerie und einem fixed footer, aber beides zusammen scheint momentan nicht zu funktionieren.
    Vielen Dank für deine Unterstüzung

    Wenn es dir darum geht, dass der Footer auch auf Seiten mit wenig Inhalten unten ist, statt mittendrin zu schweben, dann sollte der folgende Code weiterhelfen:

    #main {
        min-height: calc(100vh - 359px);
    }

    eintragen in Customizer ==> Zusätzliche CSS.

    Thread-Starter bunterhaufen

    (@bunterhaufen)

    Super, hat funktioniert und sieht jetzt genau so aus wie ich mir das vorgestellt hab.
    Vielen Dank für deine Hilfe und Liebe Grüße.

    Gerne, schön dass es doch noch geklappt hat. lg zurück 🙂

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Das Thema „Lightbox-script beeinflusst fixed footer“ ist für neue Antworten geschlossen.