Teaser-Slider Navigation (Pfeile / Punkte) entfernen?

Thema wurde von Anonymous, 5. September 2018 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.551
    Danke erhalten:
    228
    Danke vergeben:
    1.001
    Hi Leute,

    In diversen Kategorien möchte ich Teaser Slider nutzen.
    Allerdings in manchen Kategorien auch nur 1 Slide !

    Das Problem: Auch wenn ich nur 1 einzigen Slide nutze, zeigt der Shop in der Darstellung trotzdem die Slider Navigation an! Ich habe also links und rechts im Bild diese Pfeile < > und in der Mitte unten habe ich einen PUNKT.

    Kann man diese Navigation irgendwie ausblenden?

    Freundliche Grüsse
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.551
    Danke erhalten:
    228
    Danke vergeben:
    1.001
    Ah. Also die Pfeile rechts & links habe ich mittels CSS schon mal wegbekommen
    (Code hier im Forum gefunden, funktioniert!)

    Code:
    #stage #slider .swiper-button-prev, #stage #slider .swiper-button-next {
        visibility: hidden;
    }
     
  3. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    die sind dann aber überall weg.
    Soweit ich weiß, kann man das nicht für einzelne Kategorien steuern.
     
  4. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.309
    Danke vergeben:
    2.208
    Ich hab mir heute abend kurz unser CSS angekuckt und glaube das ist einfach etwas unstimmig. Bei nur einem Bild sollten keine Pfeile da sein, aber da schiesst was quer. Der Fix ist soweit ich das gerade sehe...

    Bearbeite mal die templates/Honeygrid/styles/modules/_swiper.scss. Aus dem hier
    Code:
    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
        display: block !important;
        @include opacity (0);
    }
    
    machst du das hier

    Code:
    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
        display: none !important;
        @include opacity (0);
    }
    
    Dann Cache leeren.
     
  5. dirk_medebach

    dirk_medebach Mitglied

    Registriert seit:
    28. Juni 2018
    Beiträge:
    11
    Danke erhalten:
    2
    Danke vergeben:
    4
    Hi, ich habe selbiges Problem und den Code geändert, Cache geleert, der blaue Punkt ist aber immer noch da. Was kann ich da noch machen?
     
  6. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Hier geht es nicht um die blauen Punkte, sondern um die Pfeile rechts und Links.
     
  7. dirk_medebach

    dirk_medebach Mitglied

    Registriert seit:
    28. Juni 2018
    Beiträge:
    11
    Danke erhalten:
    2
    Danke vergeben:
    4
    Hast du denn eine Idee, wie ich den blauen Punkt weg bekommen?
     
  8. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    versuche es mal mit:
    Code:
    #stage .swiper-pagination > span.swiper-pagination-bullet.swiper-pagination-bullet-active, #stage .swiper-pagination > span.swiper-pagination-bullet:active {
    display: none;
    }
     
  9. dirk_medebach

    dirk_medebach Mitglied

    Registriert seit:
    28. Juni 2018
    Beiträge:
    11
    Danke erhalten:
    2
    Danke vergeben:
    4
    Das hat geklappt.
    Ich habe den Code ins eigene CSS hinzugefügt.

    Vielen Dank!
     
  10. Maxim

    Maxim Erfahrener Benutzer

    Registriert seit:
    21. Juni 2011
    Beiträge:
    99
    Danke erhalten:
    2
    Danke vergeben:
    20
    In welche Datei muss ich den Code hinzufügen?

    Danke im Voraus,
    Maxim
     
  11. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Im eigenen css im Style Editor
     
  12. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    3. Juni 2019
    Beiträge:
    471
    Danke erhalten:
    79
    Danke vergeben:
    36
    Danke Babara,
    die Punkte fand ich auch schon immer störend ;)