Contao-Camp 2024
Ergebnis 1 bis 10 von 10

Thema: [fritzmg/contao-swiper] - eigene Optionen hinzufügen

  1. #1
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.853
    Contao-Projekt unterstützen

    Support Contao

    Standard [fritzmg/contao-swiper] - eigene Optionen hinzufügen

    Hallo (Spooky),

    wie müsste die Swiper Instanz als JSON aussehen, damit ich watchSlidesProgress:true zu den params hinzufüge?
    Oder ein thumbs: {swiper: swiper,}, ?

    Danke für die Hilfe
    Grüsse
    Bernhard


  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.058
    Partner-ID
    10107

    Standard

    Einfach nur
    Code:
    {
        "watchSlidesProgress": true
    }
    eintragen.
    Geändert von Spooky (02.09.2021 um 12:25 Uhr)
    » sponsor me via GitHub or PayPal or Revolut

  3. #3
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.853
    Contao-Projekt unterstützen

    Support Contao

    Standard

    nein, das gibt ne Fehlermeldung
    Bitte geben Sie einen gültigen JSON String ein.
    Grüsse
    Bernhard


  4. #4
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.853
    Contao-Projekt unterstützen

    Support Contao

    Standard

    und
    {
    "watchSlidesProgress": true
    }

    schiebt das nicht in 'params:' rein
    Grüsse
    Bernhard


  5. #5
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.058
    Partner-ID
    10107

    Standard

    Zitat Zitat von derRenner Beitrag anzeigen
    nein, das gibt ne Fehlermeldung
    Bitte geben Sie einen gültigen JSON String ein.
    Anführungszeichen vergessen . Jetzt sollte es passen.
    » sponsor me via GitHub or PayPal or Revolut

  6. #6
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.853
    Contao-Projekt unterstützen

    Support Contao

    Standard

    siehe meinen post gleich oberhalb deines letzten ... das wird aber nicht in die params geschrieben.
    Wie würde ich die Option in die params mit reinschreiben können?
    Grüsse
    Bernhard


  7. #7
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.058
    Partner-ID
    10107

    Standard

    Kann ich nicht bestätigen, im Frontend wird dann bspw.
    Code:
    params: {"autoplay":{"delay":7000},"speed":700,"slidesPerView":1,"effect":"slide","watchSlidesProgress":true}    });
    ausgegeben.
    » sponsor me via GitHub or PayPal or Revolut

  8. #8
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.853
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hatte schon jemand versucht (oder im Idealfall dies auch geschafft), damit einen Slider mit thumbs umzusetzen?
    https://swiperjs.com/demos#thumbs-gallery
    Grüsse
    Bernhard


  9. #9
    Contao-Nutzer
    Registriert seit
    10.06.2015.
    Beiträge
    70

    Standard

    Zitat Zitat von derRenner Beitrag anzeigen
    Hatte schon jemand versucht (oder im Idealfall dies auch geschafft), damit einen Slider mit thumbs umzusetzen?
    https://swiperjs.com/demos#thumbs-gallery
    Hallo Community, derRenner

    Darf ich hier noch mal nachhaken. Das würde mich auch interessieren, wie man Swiper mit Thumbs umsetzt. Geht das mit Template? Was benötige ich dazu?

    Danke schon mal
    Matt
    Geändert von McMatty (18.08.2022 um 09:23 Uhr)

  10. #10
    Contao-Nutzer
    Registriert seit
    10.06.2015.
    Beiträge
    70

    Standard Swiper Template

    Hallo Community

    Ist die Aktivierung der Thumbs mit JSON Option möglich? - Edit: war wohl Blösdsinn? Aber für welche Optionen ist der JSON Eintrag eigentlich gut?

    Komisch, dass niemand Swiper, Slick Slider oder als einfache Variante die Gallery mit großem Vorschaubild und Thumbnails verwendet, respektive irgendwo ein Template dazu existiert? Ist das out?

    Danke schon mal
    Matt
    Geändert von McMatty (29.08.2022 um 11:04 Uhr)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •