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.671
    Danke erhalten:
    285
    Danke vergeben:
    1.109
    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.671
    Danke erhalten:
    285
    Danke vergeben:
    1.109
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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.311
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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:
    118
    Danke erhalten:
    2
    Danke vergeben:
    23
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Im eigenen css im Style Editor
     
  12. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    3. Juni 2019
    Beiträge:
    500
    Danke erhalten:
    86
    Danke vergeben:
    38
    Danke Babara,
    die Punkte fand ich auch schon immer störend ;)