Effekte Teaser-Slider ändern

Thema wurde von Sven_D, 30. Dezember 2018 erstellt.

  1. Sven_D

    Sven_D Erfahrener Benutzer

    Registriert seit:
    13. Juli 2018
    Beiträge:
    115
    Danke erhalten:
    1
    Danke vergeben:
    37
    Hallo,
    ich würde gerne den Effekt des Teaser-Sliders ändern.
    Ich habe es irgendwo schon gelesen, dass es möglich ist.
    Es wäre super wenn es mir jemand erklären könnte, so dass es auch ein absoluter Anfänger und Neuling umsetzen kann.
    Vielen dank und einen guten Rutsch ins neue Jahr.
     
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Den Effekt findest Du in der Datei
    templates/Honeygrid/snippets/slider.html

    Standard ist "fade", ich weiß leider so aus dem Kopf nicht,welche anderen Effekte es noch gibt.
     
  3. Sven_D

    Sven_D Erfahrener Benutzer

    Registriert seit:
    13. Juli 2018
    Beiträge:
    115
    Danke erhalten:
    1
    Danke vergeben:
    37
    Wie bzw. wo finde ich genau diese Datei ?
     
  4. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Per FTP auf dem Webserver.
    Das ganze vor "slider.html" ist der Pfad (die Namen der Ordner und Unterordner)

    Du solltest Dir diese Datei Kopieren und die Kopie dann slider-USERMOD.html nennen
    beide dateien müssen nebeneinander (im selben Ordner) liegen.
    Deine Änderungen kannst Du dann in der USERMOD.html machen, dann wird das nicht irgendwann bei einem Update überschrieben.
     
  5. Sven_D

    Sven_D Erfahrener Benutzer

    Registriert seit:
    13. Juli 2018
    Beiträge:
    115
    Danke erhalten:
    1
    Danke vergeben:
    37
    Bei mir steht folgendes in dieser Datei:

    {block name="snippets_slider_if"}
    {if $slider}
    {block name="snippets_slider"}
    <div id="stage" data-gambio-widget="slider_flyover">
    <div id="slider"
    data-gambio-widget="slider_responsive"
    data-slider_responsive-source="#json-serialized-slider"
    data-slider_responsive-effect="fade"
    data-slider_responsive-speed="600">
    {$slider}
    </div>
    </div>
    {/block}
    {/if}
    {/block}
     
  6. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Die Zeile
    data-slider_responsive-effect="fade"
    ist die, die Du ändern muss.

    Ich habe hier einen Beitrag gefunden:
    (Link nur für registrierte Nutzer sichtbar.)
    wo die verschiedenen möglichen Slides aufgeführt sind.

    Die Datei ist jetzt zwar eine andere, aber das sollte immer noch gleich sein.
     
  7. Sven_D

    Sven_D Erfahrener Benutzer

    Registriert seit:
    13. Juli 2018
    Beiträge:
    115
    Danke erhalten:
    1
    Danke vergeben:
    37
    Danke, habe es hinbekommen.
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Januar 2016
    Beiträge:
    103
    Danke erhalten:
    17
    Danke vergeben:
    31
    Bei mir klappt es leider nicht. In /themes/Honeygrid/html/system habe ich die Datei image_slider.html kopiert und als image_slider_USERMOD.html gespeichter. Dann wie beschrieben fade durch slide ersetzt.

    Code:
    <div class="swiper-container" data-gambio-widget="swiper" data-swiper-disable-translucence-fix="true" data-swiper-breakpoints='{literal}[{"breakpoint": 100, "usePreviewBullets": true, "slidesPerView": 1}]{/literal}' data-swiper-slider-options='{literal}{"effect": "slide", "speed": 600, "nextButton": ".js-teaser-slider-next", "prevButton": ".js-teaser-slider-prev", "autoplay": {/literal}{$content_data.SET_INTERVAL}{literal}}{/literal}'>
    Habe ich etwas übersehen / falsch gemacht?

    Gruß
    Michael
     
  9. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Man macht im Theme keine USERMOD
    mal legt in html/custom/ eine Datei an, z.B. neue_image_slider.html
    und da schreibt man nur den Block rein, den man ändert oder an den man etwas anhängt.

    Im originalen Honeygrid musst Du den Ordner "custom" vermutlich noch anlegen.

    Siehe dazu:
    (Link nur für registrierte Nutzer sichtbar.)

    und für das Arbeiten mit Smarty-Blöcken:
    (Link nur für registrierte Nutzer sichtbar.)

    Hast Du nach der Änderung den Cache für Module und Seiten geleert?
     
  10. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Januar 2016
    Beiträge:
    103
    Danke erhalten:
    17
    Danke vergeben:
    31
    #10 Anonymous, 4. Juli 2020
    Zuletzt bearbeitet: 4. Juli 2020
    Hallo Barbara,

    vielen Dank für Deine Rückmeldung, ich habe mir schon fast gedacht, dass es bei Themes anderes gemacht wird. Ich habe mir die Doku durchgelesen, ist ja eigentlich recht einfach, hat aber trotzdem nicht geklappt. Zum Testen habe ich einfach in der original Datei (auch wenn man das normalerweise nicht machen sollte), aus "fade" slide gemacht, leider auch ohne Erfolg.

    Cache leere ich nach jeder Änderung.

    Der Effekt ist jetzt nicht so mega wichtig, aber einen gewissen Ehrgeiz habe schon entwickelt :)

    Gruß
    Michael