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.
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.
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.
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}
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.
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
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?
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