Der Before After Toggle-Block bietet eine ansprechende und visuell ansprechende Möglichkeit, zwei Bilder nebeneinander darzustellen und sie zu vergleichen. Dieser Block enthält einen anpassbaren Griff, der horizontal oder vertikal zwischen den beiden Bildern bewegt werden kann, um das interaktive Erlebnis zu verbessern.
Hinzufügen des Vorher/Nachher-Blocks zu Ihren SeedProd-Seiten
Führen Sie die folgenden Schritte aus, um den Vorher-Nachher-Block in Ihre SeedProd-Seiten einzubinden:
- Im Rahmen der Design > Erweitert Abschnitt, ziehen Sie und legen Sie die Vorher Nachher Umschalten Block auf Ihrer Seite.
- Klicken Sie nach dem Hinzufügen auf das Symbol Vorher Nachher Umschalten Block, um auf seine Einstellungen zuzugreifen. In der Inhalt können Sie folgende Einstellungen vornehmen Vor und Nach Bilder:
Sie finden auch Orientierungskontrollen die es Ihnen ermöglicht, die Ausrichtung des Schiebereglers entweder horizontal oder vertikal einzustellen. Sie können auch die Funktion "Move On Hover" aktivieren, die es den Nutzern ermöglicht, zwischen den Bildern hin- und herzuschalten, ohne sie anzuklicken. Außerdem können Sie eine Overlay-Farbe festlegen.
Die Vergleich Handle Controls ermöglicht es Ihnen, den Stil des Kipphebels individuell zu gestalten.
- In der Fortgeschrittene finden Sie zusätzliche Optionen, mit denen Sie den Stil und die Typografie der Vorher/Nachher-Beschriftungen anpassen können. Sie können auch Attribute festlegen, Abstände anpassen und die Gerätesichtbarkeit konfigurieren.
- Denken Sie daran, Ihre Arbeit zu speichern, damit alle Änderungen erhalten bleiben.
Das war's! Mit dem Before After Toggle-Block können Sie einen interaktiven und fesselnden Vergleich mit nebeneinander liegenden Bildern erstellen. Die Nutzer können die Unterschiede und Übergänge zwischen den beiden Bildern ganz einfach durch Bewegen des Griffs vergleichen und so ein visuell überzeugendes Erlebnis auf Ihrer Website schaffen.