Regular labs Slider - Content Slider wieder schließen funktioniert nicht

Luzi · 23. September 2020

Hallo zusammen,

ich habe das Plugin Sliders von Regulars labs installiert und es funktioniert soweit auch.

Allerdings lassen sich die geöffneten Slider durch einen Klick NICHT schließen, was ich aber gerne hätte. Mit meinen rudimentären Englischkenntnissen übersetzt sagt die Anleitung, dass dies erst mit Bootstrap 4 bzw. Joomla 4 funktioniert. Komischerweise habe ich das bei meinem Versuch vor ca. 2 Jahren, als ich zuletzt dieses Plugin eingebaut habe, auch schon so gelesen. Da hat sich wohl keine Entwicklung ergeben?

Kennt jemand eine Möglichkeit in Joomla 3 das Schließen der Slider bei Mausklick zu bewerkstelligen?

Das wäre echt super. Danke!
Oder weiß vielleicht jemand man Joomla 4 doch noch veröffentlicht wird?

VG

AnaLisa

Re:Later · 23. September 2020

Joomla 4 kommt jedenfalls, verzogert sich halt noch. Wie lange? Bis es fertig ist

Elwood · 23. September 2020

Habe gerade mal getestet:

Joomla 3.9.21

Template Protostar

Regular Labs Sliders Version 7.9.2

Funktioniert offline mit Xampp einwandfrei.

Welche Labs-Version nutzt du?

(Von Joomla 4 etc. konnte ich da nichts finden).

CurlY BracketS · 23. September 2020

Funzt doch in dieser Demo klaglos, nein?

Luzi · 23. September 2020

Hallo zusammen,

tatsächlch!!! Habs mit Protostar getestet. Da funktioniert es. Dann liegt das Problem wohl am Template Helix ultimate.

Danke euch ! Hat jemand eine Idee dazu?

LG

Luzi

P. S. Regular Labs Sliders Version 7.9.3, Joomla ist 3.9.21

Indigo66 · 24. September 2020

Javascriptkonflikt? Was sagt die Konsole?

christine2 · 24. September 2020

Hallo,

Zitat von Luzi

tatsächlch!!! Habs mit Protostar getestet. Da funktioniert es. Dann liegt das Problem wohl am Template Helix ultimate.

Wird auch hier bestätigt: https://archive.joomshaper.com…er-not-working-with-helix

BS 4 (Helix) vs. BS 2 (Protostar). Wird u.a. verwiesen auf:

https://www.regularlabs.com/ex…th-a-bootstrap-4-template

Zitat

In some cases you can 'fix' things by overriding css to force stuff to hide/display based on different classnames than the 'active' class, for instance.
But in other cases - especially when the template loads extra scripts further changing the Bootstrap functionality - it is not an easy fix.
Then you would either need to write custom javascript to over-override functionality. Or just accept that it is incompatible and look for a different solution.

etc. ...

Wie das geht (override actions), weiß ich leider nicht.

Liebe Grüße

Christine

Luzi · 25. September 2020

Danke euch allen zusammen. Es lässt sich wohl so einfach nicht lösen. Ich fürchte, da werde ich wohl tatsächlich auf Joomla 4 warten müssen.

Elwood · 25. September 2020

Zitat von Luzi

Ich fürchte, da werde ich wohl tatsächlich auf Joomla 4 warten müssen.

Ich habe das Template auf einer Testdomain.

Werde es mal in einer ruhigen Minute mit den Overrides testen und überprüfen.

Luzi · 25. September 2020

Danke Elwood, das wäre wirklich klasse! Da bin ich einfach nicht fit genug.

Elwood · 27. September 2020

Vielleicht erstmal übergangsweise.

Mit ein paar Änderungen in den CSS sollte es ähnlich werden.

Funktioniert mit dem Ultimate einwandfrei:

Tabs and Sliders

Luzi · 28. September 2020

Danke, Elwood. Ich habe Tabs and Sliders installiert und es funktioniert.

Elwood · 28. September 2020

Zitat von Luzi

Danke, Elwood. Ich habe Tabs and Sliders installiert und es funktioniert.

Ok, prima.

Ich konnte jetzt auch in einer ruhigen Minute (siehe #9 ) einen Code für den Regular Labs Slider finden.

Nicht ganz sauber, aber er funktioniert mit dem Helix Template.

Vielleicht für andere, die das selbe Problem haben:

Ihr öffnet unter 'Erweiterungen'-'Templates'-'Stile' euren Helix-Template-Stil.

Dann auf 'Template Options':

Dann auf 'Custom Code':

Runter scrollen bis 'Custom Javascript':

Dort diesen Code eingeben:

Code

jQuery(document).ready(function($) {

    $('.accordion-heading').on('click',function(){
        if ($(this).parent().hasClass('active')) {
            $(this).next().slideUp(250);
            $(this).parent().removeClass('active');
        } else {
            var $this = $(this);
            var $active = $('.accordion-group .accordion-group.active');
            if ($active.length > 0) {
                $active.removeClass('active').find('.accordion-body').slideUp(250,function(){
                    $this.next().slideDown(250);
                    $this.parent().addClass('active');
                });
            } else {
                $this.next().slideDown(250);
                $this.parent().addClass('active');                
            }
        }
    });

});

Alles anzeigen

'Speichern' nicht vergessen:

Dann sollte es eigentlich funktionieren.