Laufschriftelement

Was ist das Marquee-Element?

Laufschriftelement wird verwendet, um einen horizontalen, scrollähnlichen Effekt für eine Zeile zu erzeugen, die andere Elemente enthält.

Hier sind einige Hauptfunktionen des Marquee-Elements, die möglicherweise für Folgendes genutzt wurden:

• Heben Sie Werbeaktionen und Sonderangebote hervor: E-Commerce-Websites haben das Marquee-Element möglicherweise verwendet, um Sonderaktionen, Rabatte oder zeitlich begrenzte Angebote hervorzuheben. Der Scroll-Effekt könnte die Aufmerksamkeit auf diese Angebote lenken und sie für Benutzer, die die Website besuchen, sichtbarer machen.
• Display-Markenpartnerschaften: E-Commerce-Websites haben das Marquee-Element möglicherweise verwendet, um eine scrollbare Liste mit Partnerlogos anzuzeigen. Dies kann relevante Marken hervorheben und die Glaubwürdigkeit der Website erhöhen, indem durch erkennbare Logos Vertrauen bei den Benutzern aufgebaut wird.
• Scrollende Kundenreferenzen: Das Marquee-Element hätte auch zum Scrollen von Kundenrezensionen verwendet werden können. Diese dynamische Anzeige kann positives Feedback hervorheben und die Vertrauenswürdigkeit der Site durch die Präsentation zufriedener Kundenerfahrungen steigern.
• Handlungsaufforderung anzeigen: In einigen Fällen haben E-Commerce-Sites möglicherweise das Marquee-Element verwendet, um scrollende CTAs anzuzeigen. Dies kann die Aufmerksamkeit des Benutzers auf wichtige Aktionen wie „Jetzt anmelden“ oder „Weitere Informationen“ lenken, das Engagement fördern und die Konversionsraten durch klare, sichtbare Aufforderungen verbessern.

So fügen Sie das Marquee-Element in GemPages v7 hinzu

Schritt 1:: Gehen Sie zum GemPages Editor V7 und suchen Sie das Marquee-Element in der Suchleiste.

Schritt 2:: Ziehen Sie das Element per Drag & Drop in den gewünschten Bereich.

Bitte beachten Sie, dass:

• Sie können jedes Element innerhalb eines Auswahlrahmens hinzufügen ausgeschlossen: Registerkarten, Akkordeon, Kontaktformular, Produkt, Hero-Banner, Produktliste, Artikelliste und Karussell.
• Vermeiden Sie es, mehr als 20 Laufschriften pro Seite um Leistungsprobleme zu vermeiden.
• Bei langsameren Verbindungen kann sich die Größe des Laufschriftrahmens anpassen, nachdem große Bilder vollständig geladen wurden.

Konfigurieren der Registerkarte „Einstellungen“

Artikelverwaltung 

Im Abschnitt „Artikelverwaltung“ können Sie:

• Elemente neu anordnen: Zum Neuanordnen ziehen.
• Element duplizieren: Klonen Sie ein vorhandenes Element.
• Element entfernen: Löschen Sie ein unerwünschtes Element.
• Element hinzufügen: Erstellen Sie ein neues Laufschriftelement.

Artikelabstand

Passen Sie den Abstand zwischen den Elementen mit dem Schieberegler an (Standard: 60 Pixel).

Artikelstil

1. Maximale Breite: Die maximale Breite eines einzelnen Elements im Auswahlrahmen – alle Elemente im Auswahlrahmen haben dieselbe maximale Breite.

Der Standardwert für die maximale Breite ist „An Inhalt anpassen“, was bedeutet, dass die Breite jedes Marquee-Elements automatisch an den darin enthaltenen Inhalt angepasst wird.

Es gibt 3 Breitenoptionen:

• An Inhalt anpassen: Breite des Elements = Breite des Inhalts darin.
• Basierend auf der Anzahl der Artikel: Breite des Artikels = Breite des Laufschriftfelds / Anzahl der Artikel.
• Benutzerdefiniert: Feste maximale Breite festlegen: Der Benutzer kann den gewünschten Breitenwert in Pixeln manuell eingeben.

2. Hintergrund: Wenden Sie eine Hintergrundfarbe oder ein Bild an.

3. Rand, Ecke, Schatten: Passen Sie Form und Tiefe jedes einzelnen Elements individuell an.

Separator

Schalten Sie Trennzeichen zwischen Elementen ein/aus, um sie optisch besser unterscheiden zu können.

Laufschrifteffekt

• Richtung: Scrollrichtung festlegen (links oder rechts).
• Beim Hovern anhalten: Animation anhalten, wenn der Benutzer mit der Maus darüberfährt.
• Geschwindigkeit: Passen Sie die Bildlaufgeschwindigkeit an.

Größe

• Breite: Passen Sie die Breite eines Lauftextes an. Der Standardwert für die Breite beträgt 100 %, was bedeutet, dass sich der Lauftext automatisch an die Bildschirmbreite anpasst.
• Größe: Passen Sie die Höhe eines Auswahlrahmens an. Der Standardwert für die Höhe ist „Auto“, was bedeutet, dass sich der Auswahlrahmen automatisch an den Inhalt anpasst.
• Polsterung: Passen Sie den Abstand zwischen dem Rand und dem Inhalt jedes Elements an.

Hintergrund

Farbe: Weisen Sie dem Laufschriftzug eine Hintergrundfarbe zu.

Shape

Konfigurieren Sie Ränder, Ecken und Schatten.

Ausrichten

• Die Ausrichtung wird deaktiviert, wenn die Breite 100 % beträgt.
• Andernfalls ist die Standardausrichtungsoption „Zentrieren“.

Konfigurieren der Registerkarte „Erweitert“

Beziehen auf Dieser Artikel Weitere Anweisungen zur Konfiguration der Registerkarte „Erweitert“ des Marquee-Elements finden Sie hier.

Anzeige an

Sie können entscheiden, auf welchen Geräten das Marquee-Element angezeigt wird: Desktop, Tablette und Mobil. Schalten Sie einfach jede Option um, um das Element auf bestimmten Geräten anzuzeigen oder auszublenden.

Abstand (px)

Verstelle die Marge , Polsterung Werte rund um das Marquee-Element mithilfe des visuellen Boxmodells:

• Äußere Werte (oben, rechts, unten, links) steuern die Marge (der Raum außerhalb des Elements)
• Innere Werte kontrolliere die Polsterung (der Raum innerhalb des Containers des Elements)
• Klicken Sie auf die Verknüpfungssymbol in der Mitte, um Werte zu synchronisieren/zu trennen.

Shape

Im Abschnitt „Form“ können Sie:

• Fügen Sie dem Element einen Rahmen hinzu und wählen Sie aus verschiedenen Stilen (durchgezogen, gestrichelt, gepunktet).
• Passen Sie den Eckenradius an: Wählen Sie zwischen quadratischen, abgerundeten oder pillenförmigen Ecken.
• Aktivieren Sie einen Schatten, damit sich das Element vom Hintergrund abhebt.

Position

Ändern Sie die Positionierung des Auswahlrahmens innerhalb seines Abschnitts oder im Verhältnis zu anderen Elementen, einschließlich:

• Statisch
• Relativ
• Absolute
• Klebrig (Sticky)
• Behoben

Deckkraft

Passen Sie die Transparenzstufe des Elements an:

• 100 % = vollständig sichtbar
• 0 % = vollständig transparent

Verwenden Sie den Schieberegler oder das Eingabefeld, um die Sichtbarkeit zu optimieren. Hilfreich beim Überlagern von Elementen oder beim Erstellen subtiler visueller Effekte.

Animation

Aktivieren Sie diese Option, um dem Marquee-Element eine Eingangs- oder Hover-Animation hinzuzufügen. Nach der Aktivierung können Sie das Animationsverhalten mit den folgenden Optionen anpassen:

• Beim Erscheinen/Beim Darüberfahren: Wählen Sie, ob die Animation ausgelöst werden soll, wenn das Element auf dem Bildschirm erscheint oder wenn ein Benutzer mit der Maus darüber fährt
• Animationstypen: Sie können aus mehreren Animationsstilen wählen: Keine, Ausblenden, Gleiten, Zoomen, Schütteln
• Geschwindigkeit: Passen Sie die Animationsgeschwindigkeit mit dem Schieberegler an. Wenn Sie ihn nach rechts verschieben, wird die Animation schneller abgespielt.
• Zeig mehr: Klicken Sie auf diese Schaltfläche, um auf zusätzliche Animationseffekte zuzugreifen (sofern verfügbar).
• Vorschau: Verwenden Sie die Schaltfläche „Vorschau“, um zu testen, wie die Animation direkt im Editor aussieht.
• Verzögern: Legen Sie eine Verzögerung (in Sekunden) fest, bevor die Animation startet. Dies ist nützlich, wenn Sie Animationen über mehrere Elemente hinweg staffeln möchten.
• Lockerung: Wählen Sie, wie die Animation im Laufe der Zeit fortschreitet. Verfügbare Optionen sind: Langsam ein- und ausfahren, Langsam einfahren, Langsam ausfahren, Linear
• Vorschau: Klicken Sie auf die Vorschau Schaltfläche, um die Animation sofort im Editor zu testen.

Eine übermäßige Nutzung kann die Leistung beeinträchtigen und Benutzer ablenken.

Interaktion

Erstellen Sie benutzerdefinierte Verhaltensweisen für Ihr Marquee-Element ohne Programmierung. Klicken Sie auf Erschaffung , um das Bedienfeld „Interaktionseinstellungen“ zu öffnen.

Sie richten Folgendes ein:

• Trigger: Wählen Sie, wann die Interaktion beginnt – Klicken Sie auf das Element or Hover-Element.
• Aktion: Wählen Sie ein Zielelement auf der Seite aus und definieren Sie, was passiert, einschließlich Textstil ändern, Inhalt ändern, ein-/ausblenden, or blättern zu.

CSS-Klasse

Geben Sie benutzerdefinierte CSS-Klassennamen (durch Leerzeichen getrennt) ein, um Ihre eigenen Stilregeln auf das Element anzuwenden. Dies ist hilfreich, wenn Sie erweiterte Stile durch benutzerdefiniertes CSS in Ihrem Design oder im GemPages Global Style hinzufügen möchten.

Häufig gestellte Fragen zum Marquee-Element

1. Warum ist die Scrollgeschwindigkeit meines Lauftextes auf verschiedenen Geräten uneinheitlich?

Geschwindigkeitsunterschiede können auftreten, wenn bildintensive Inhalte in bestimmten Netzwerken langsam geladen werden. Sobald alle Bilder geladen sind, stabilisiert sich der Scrollvorgang. Um dies zu vermeiden, sollten große Bilder optimiert oder komprimiert werden.

2. Kann das Marquee-Element meine Seite verlangsamen?

Ja, wenn Sie zu viele Elemente hinzufügen oder mehrere Laufschriften auf derselben Seite verschachteln. Wir empfehlen, weniger als 20 Laufschriften pro Seite zu verwenden, um eine optimale Performance und flüssige Animationen zu gewährleisten.

3. Warum ändert sich die Größe meines Laufschriftfelds nach dem Laden?

Dies geschieht, wenn Elemente große Bilder enthalten, deren Laden erst nach dem Start der Animation abgeschlossen ist. Das Element berechnet seine Größe neu, sobald die Bilder vollständig geladen sind. Durch die Verwendung komprimierter Bilder oder fester Elementbreiten lassen sich Verschiebungen minimieren.

4. Kann ich einstellen, dass die Laufschrift beim Klicken anstatt beim Überfahren mit der Maus pausiert?

Die integrierte Option „Bei Hover anhalten“ pausiert nur beim Überfahren mit der Maus. Wenn Sie ein Anhalten per Klick benötigen, können Sie dies mithilfe von Interaktionen simulieren, indem Sie das Ein-/Ausblenden aktivieren oder auf eine nicht-animierte Version umschalten.

5. Kann ich in GemPages v7 ein vertikales Laufschriftfeld erstellen?

Aktuell unterstützt das Marquee-Element in GemPages v7 Nur horizontales Scrollen (von links nach rechts oder von rechts nach links). Ein vertikaler Lauftext (von oben nach unten oder von unten nach oben) ist wird nicht nativ unterstützt.

Wenn Sie einen ähnlichen visuellen Effekt erzielen möchten, wenden Sie sich bitte an unser Support-Team, um weitere Anweisungen zu erhalten.

6. Wie füge ich dem Marquee-Element einen Schatten hinzu?

• Klicken Sie im Editor auf das Auswahlfeld-Element.
• Gehen Sie zur Einstellungen Tab.
• Öffnen Sie den Microsoft Store auf Ihrem Windows-PC Shape .
• Ermöglichen ShadowPassen Sie anschließend Schattentyp, Farbe, Unschärfe, Abstand und Größe nach Bedarf an.