Konflikt bei mehreren Slider/Carousel

    Joomla Version
    4.3.4
    PHP Version
    PHP 8.1.x
    Hoster
    Ionos
    Link (URL) zur Seite mit dem Problem
    https://cocktailgrill.de/index.php/kueche/griechisch/index.php?option=com_joomrecipe&view=recipe&id=2

    Hallo zusammen,


    im JoomRecipe ist ein eigener Slider/Carousel implementiert. Hier gibt es aber wohl einen Konflikt mit dem Slider SK da er nicht funktioniert und man zwei "Pfeile" übereinander erkennen kann (siehe Anhang).

    Wenn ich den Slider SK ausschalte funktioniert es, aber den brauche ich natürlich "ganz unten" auch.


    Würde mich über Tipps freuen.


    Gruß CG

    Habe ich jetzt nicht ganz verstanden.


    Aber wenn der blaue Pfeil verschwinden soll, musst du vermutlich das in die custom.css/user.css setzten:


    Code
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: none
}

    und:


    Code
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: none
}


    Bzw. dieses auf den weißen Pfeil anwenden.


    Ob es allerdings auch mit dem unteren Slider funktioniert, weiß ich nicht.


    Weiß auch nicht, warum sie auf 'einer' Position angezeigt werden.

    Die Codes von Elwood funktionieren soweit.

    Zitat von cocktailgrill.de

    Wenn ich den Slider SK ausschalte funktioniert es, aber den brauche ich natürlich "ganz unten" auch.

    Ergänzend möchte ich hier in der Pfanne rühren, weiß aber nicht ob relevant:


    In der Konsole sehe ich u.a.: jQuery.Deferred exception: e.track[0] is undefined set ..../media/com_sliderck/assets

    /swiper.min.js:1:55763 usw. .... Also ein jQuery Konflikt?


    Liebe Grüße

    Christine