Der Tab Animationen bringt Bewegung in deinen Shop: Abschnitte, die beim Scrollen animiert erscheinen, und Bilder, die sich vergrößern, wenn die Maus darüber ist.
Wo du es findest
Öffne den Builder, klicke auf das Zahnrad-Symbol und öffne den Tab Animationen. Der Bereich heißt Allgemeine Animationen.
Beim Scrollen einblenden
Beim Scrollen einblenden animiert Abschnitte, sobald sie auf dem Bildschirm erscheinen. Jeder Abschnitt spielt seine Animation einmal pro Seitenbesuch ab. Die Optionen:
- Keine: keine Animation. Die Abschnitte sind einfach da.
- Einblenden: der Inhalt wird sanft eingeblendet.
- Nach oben schieben (Standard): der Inhalt bewegt sich ein wenig nach oben, während er eingeblendet wird.
- Hineinschieben: der Inhalt kommt von der Seite herein, während er eingeblendet wird.
- Zoom: der Inhalt wächst leicht an seinen Platz.
Der Hintergrund des Abschnitts erscheint sofort und nur der Inhalt bewegt sich, so zeigt die Seite nie leere Lücken.
Welche Teile animiert werden
- Die Kopfzeile und die Ankündigungsleiste werden nie animiert. Sie sind sofort beim Öffnen der Seite zu sehen.
- In Produktrastern, Kollektionsrastern, Bewertungen und den FAQ wird jede Karte oder jeder Eintrag einzeln animiert, einer nach dem anderen, statt des ganzen Abschnitts. In einem Karussell-Layout wird der ganze Abschnitt als Einheit animiert.
- Ein Wellen-Abschnitt behält das Einblenden, schiebt sich aber nicht, damit die Welle mit dem Abschnitt darunter verbunden bleibt.
Welche Option du wählen solltest
Nach oben schieben passt zu den meisten Shops. Einblenden ist am sanftesten. Zoom und Hineinschieben ziehen mehr Aufmerksamkeit auf sich und passen daher besser zu verspielten oder auffälligen Designs als zu ruhigen.
Bildzoom-Effekt
Schalte den Bildzoom-Effekt ein, damit Bilder leicht vergrößert werden, wenn die Maus darüber ist. Das funktioniert bei Produktkarten, Kollektionskarten, Produktbildern auf der Produktseite und Bildern in Bewertungen. Der Effekt reagiert auf die Maus, daher sehen ihn Käufer auf Handys meistens nicht.
Häufige Aufgaben
- Meinen Shop ruhiger wirken lassen: stelle Beim Scrollen einblenden auf Einblenden oder Keine.
- Alle Bewegungen ausschalten: stelle Beim Scrollen einblenden auf Keine und schalte den Bildzoom-Effekt aus.
- Produktfotos interaktiver wirken lassen: schalte den Bildzoom-Effekt ein.
Fehlerbehebung
- Ich sehe die Animation im Builder nicht. Beim Scrollen einblenden ist im Builder ausgeschaltet, damit du ohne Warten bearbeiten kannst. Veröffentliche und öffne deinen Live-Shop, um sie zu sehen.
- Manche Besucher sehen nie Animationen. Wenn ein Besucher auf seinem Gerät reduzierte Bewegung eingestellt hat, zeigt der Shop jeden Abschnitt an seinem Platz ohne Animation. Das ist Absicht, für Komfort und Barrierefreiheit.
- Der Zoom funktioniert nicht. Prüfe, ob du an einem Computer mit Maus bist und ob das Bild zu einer der oben genannten Arten gehört.
Gut zu wissen
Die Animationseinstellungen gehören zu dem Markt, den du bearbeitest, und gelten für alle seine Seiten. Änderungen werden live, wenn du auf Veröffentlichen klickst. Wenn du es dir anders überlegst, mache die Änderung im Builder rückgängig. Siehe Tastenkürzel, Rückgängig und Wiederholen.