Hero-Banner-Parallax-Element

Informationen zum Parallax-Bereich und dem Hero Banner Parallax-Element von GemPages

Ein Parallax-Abschnitt ist eine Designtechnik, bei der sich der Hintergrund mit einer anderen Geschwindigkeit oder Richtung bewegt als der Inhalt im Vordergrund, wodurch beim Scrollen eine Illusion von Tiefe und subtiler Bewegung entsteht. 

Dieser Effekt steigert nicht nur die visuelle Attraktivität, sondern bietet auch Vorteile für die Conversion-Rate-Optimierung (CRO), indem er das Benutzererlebnis intensiver und ansprechender macht.

Im GemPages Editor v7 können Sie Ihren Parallax-Abschnitt im Handumdrehen mit den verfügbaren Heldenbanner-Parallaxe Element. 

Wie fügen Sie Ihrer Seite ein Hero Banner Parallax hinzu?

Lassen Sie uns untersuchen, wie Sie mithilfe von GemPages einen Hero Banner Parallax zu Ihrer Seite hinzufügen und ihn nach Ihren Wünschen anpassen.

• Greifen Sie von Ihrem Shopify-Adminbereich auf die GemPages Dashboard > Seiten.
• Suchen Sie die Zielseite oder klicken Sie auf Von vorne beginnen , um den Editor zu öffnen.
• Suchen Sie in der linken Seitenleiste nach „Hero Banner Parallax“ und ziehen Sie das Element dann per Drag & Drop an die gewünschte Position auf der Seite.

Konfigurieren der Registerkarte „Einstellungen“

Klicken Sie auf das Element, um dessen Einstellungen zu öffnen. Im Einstellungen Auf der Registerkarte „Kalibrierung“ können Sie Folgendes konfigurieren:

Layout

GemPages bietet Ihnen 12 Layouts zur Auswahl für die Parallaxe Ihres Hero-Banners. Wählen Sie das gewünschte Layout aus dem Panel aus oder geben Sie das Verhältnis manuell ein.

Hintergrund

Legen Sie den Hintergrund für das Element fest, einschließlich:

• Farbe: Wählen Sie aus dem Farbfeld, geben Sie einen Farbcode ein oder verwenden Sie die Farbauswahl, um die Hintergrundfarbe festzulegen.

• Bild: Sie können ein neues Bild hochladen oder Ihre Galerie durchsuchen.

• Video: Verwenden Sie ein YouTube-Video oder wählen Sie Video-Hosting um einen Videohintergrund für Ihr Element festzulegen.

Größe

Passen Sie die Elementgröße an oder klicken Sie auf Als Bannerquelle um die Breite und Höhe der Hero-Banner-Parallaxe automatisch anzupassen.

Inhalt

Passen Sie in diesem Abschnitt die Breite, Polsterung und Ausrichtung des Elementinhalts an.

Shape

Unter dem Shape Abschnitt können Sie einen Rahmen hinzufügen, den Eckradius anpassen und einen Schatteneffekt für Ihren Heldenabschnitt hinzufügen.

Ergebnisse

Um einen Hover-Effekt hinzuzufügen, klicken Sie auf das Ergebnisse , um das Bedienfeld zu erweitern. Von dort aus können Sie die Deckkraft der Überlagerung ändern und die Farbe für eine bessere Sichtbarkeit ändern.

verbindung

Schalten Sie diesen Abschnitt EIN und wählen Sie aus der Dropdown-Liste eine Aktion aus, nachdem Benutzer auf Ihr Hero-Banner geklickt haben:

• Seite öffnen
• Blättern Sie zu
• Popup öffnen
• E-Mail schicken
• Telefonieren

Zum Beispiel, wenn Sie die Option Seite öffnen Aktion, können Sie einen Seitenlink einfügen oder aus der Seitenliste auswählen. Dann setzen Öffnen Sie ein neues Register und Link folgen = Ja/Nein, wie Sie es bevorzugen.

SEO

Um die SEO Ihrer Seite zu verbessern, sollten Sie den Alternativtext und den Titel für das Bild in diesem SEO .

Ausrichten

Verfügbare Ausrichtungen, die Sie für Ihr Element auswählen können: linksbündig, zentriert und rechtsbündig.

Konfigurieren der Registerkarte „Erweitert“

Für erweiterte Anpassungen navigieren Sie bitte zur Registerkarte „Erweitert“ und folgen Sie den Anweisungen in Dieser Artikel.