Off-Canvas-Inhalt
Fügen Sie Ihrer Elementor-Site schlanke, verschiebbare Seitenfelder ohne Codierung hinzu. Mit dem Off-Canvas-Inhaltselement können Sie jede gespeicherte Vorlage (z. B. ein Kontaktformular oder ein Navigationsmenü) nehmen und sie in einem stilvollen Overlay anzeigen, das von der Seite hineingleitet Platzieren Sie einfach überall eine anpassbare Schaltfläche, wählen Sie die Position und Animation Ihres Panels aus und Sie haben eine moderne, platzsparende Möglichkeit geschaffen, zusätzliche Inhalte zu enthüllen. Es ist perfekt, um Ihre Seiten sauber zu halten und Benutzern gleichzeitig schnellen Zugriff auf wichtige Informationen zu ermöglichen, alles mit voller Kontrolle über jede Farbe, Grenze und jedes Detail, um perfekt zu Ihrer Marke zu passen.
Flexible Panelpositionierung und Animation
Kontrollieren Sie genau, wie und wo Ihr Off-Canvas-Panel erscheint Wählen Sie, ob Sie es von links, rechts, oben oder unten hineinschieben möchten, wählen Sie eine Eingangsanimation wie Folie oder Verblassen aus und stellen Sie die Breite des Panels ein, um das perfekte Benutzererlebnis für Ihre Inhalte zu schaffen.
- Erstellen Sie einen Seitenwagen, der von rechts in Ihren Online-Shop rutscht.
- Verwenden Sie ein oberes Panel für eine kompakte Ansage- oder Benachrichtigungsleiste.
- Implementieren Sie ein nach links verschiebbares Navigationsmenü für ein modernes mobilähnliches Menü auf dem Desktop.
Anpassung der vollständigen Auslösertaste
Gestalten Sie die Schaltfläche, die Ihr Panel öffnet, so, dass sie in jeden Kontext passt Stellen Sie den Text und das Symbol ein, steuern Sie den Abstand zwischen ihnen und gestalten Sie die Farben, den Hintergrund, die Ränder und die Hover-Effekte unabhängig voneinander, sodass es überall dort, wo Sie es auf der Seite platzieren, großartig aussieht.
- Erstellen Sie in Ihrem Header einen “Menü” - Button der Marke, um eine Seitennavigation zu öffnen.
- Verwenden Sie einen einfachen Symbolknopf in einem Produktraster, um schnell eine Größenanleitung zu öffnen.
- Entwerfen Sie einen markanten “Kontakt” - Button mit einzigartigen Hover-Effekten, um Klicks zu fördern.
Häufig gestellte Fragen zu Inhalten außerhalb der Leinwand
Wie füge ich Inhalte zum Off-Canvas-Panel hinzu?
Sie fügen Inhalte hinzu, indem Sie eine gespeicherte Elementor-Vorlage auswählen. Erstellen und speichern Sie zunächst Ihre Inhalte (wie ein Kontaktformular oder ein Menü) als Vorlage in Elementor. Wählen Sie dann in den Einstellungen dieses Elements diese Vorlage aus dem Dropdown „Vorlage auswählen“.
Kann ich das Panel von links statt von rechts öffnen lassen?
Ja. In den Inhaltseinstellungen können Sie die “Position” des Panels wählen Optionen umfassen normalerweise links, rechts, oben und unten, sodass Sie auswählen können, von welcher Bildschirmkante es hineinrutscht.
Funktioniert das Off-Canvas-Panel auf Mobiltelefonen korrekt?
Ja, es ist so konzipiert, dass es vollständig responsiv ist Die Breite des Panels und die Trigger-Taste passen sich an verschiedene Bildschirmgrößen an. Sie können auch den Responsive-Modus von Elementor verwenden, um Einstellungen wie die Panelbreite speziell für Mobilgeräte anzupassen.
Hat das Hinzufügen eines Off-Canvas-Panels Einfluss auf die Ladegeschwindigkeit meiner Website?
Die Auswirkungen sind minimal Das Element lädt Ihre gespeicherte Vorlage, die normalerweise von Elementor optimiert wird. Der Inhalt des Panels wird oft nur geladen, wenn er ausgelöst wird, was dazu beiträgt, dass die anfängliche Seitenlast schnell bleibt.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
