Help Center > Elementor Editor > Widgets > Erweiterte Funktionalität > Ein Off-Canvas-Widget zu einem Loop-Grid hinzufügen

Ein Off-Canvas-Widget zu einem Loop-Grid hinzufügen

Zuletzt aktualisiert: Dezember 17, 2024

Dieser Beitrag wurde mithilfe maschineller Übersetzung übersetzt, und daher kann es zu geringfügigen Ungenauigkeiten oder Unterschieden in der Formulierung im Vergleich zum Original kommen. Wir entschuldigen uns für etwaige Unannehmlichkeiten. Bitte kontaktieren Sie uns, falls Sie eine Klärung benötigen.

Loop-Grids können Off-Canvas-Widgets integrieren. Zum Beispiel können Sie in einem Online-Shop ein Loop-Element erstellen, das ein Produkt und eine kurze Produktbeschreibung anzeigt. Sie können dann ein Off-Canvas-Widget verwenden, um eine Weitere Informationen-Schaltfläche zu erstellen, die beim Anklicken die vollständige Beschreibung und den Preis anzeigt.

Ein Off-Canvas-Widget zu einem Loop-Grid hinzufügen

  1. Erstellen Sie ein Loop-Grid und eine Vorlage. Einzelheiten finden Sie unter Ein Loop-Grid erstellen.
    Note
    Wenn Ihr Loop-Grid Produkte anzeigen soll, stellen Sie sicher, dass der Vorlagentyp auf Produkte eingestellt ist.


  2. Beitragsbild zur Vorlage hinzufügen.
  3. Produkttitel zur Vorlage hinzufügen.
  4. Off-Canvas-Widget zur Vorlage hinzufügen.
  5. Produktinhalt zum Off-Canvas-Widget hinzufügen.
  6. Produktpreis zum Off-Canvas-Widget hinzufügen.
  7. Klicken Sie auf den schattierten Bereich rechts, um auf die Off-Canvas-Widget-Optionen zuzugreifen.
  8. Geben Sie im Textfeld Off-Canvas-Name Erweiterte Anzeige ein.
    Es gibt eine Reihe von Optionen, die Sie im Off-Canvas-Widget ändern können. Einzelheiten finden Sie unter Off-Canvas-Widget. Für dieses Beispiel verwenden wir die Standardoptionen.
  9. Schalten Sie im Bedienfeld den Bearbeitungsmodus auf Aus.
    Dadurch kehren Sie zum normalen Bearbeitungsbildschirm zurück.
  10. Fügen Sie ein Schaltflächen-Widget zum Loop-Grid hinzu.
    Diese Schaltfläche wird verwendet, um das Off-Canvas-Widget auszulösen.
  11. Benennen Sie im Bedienfeld die Schaltfläche in Mehr erfahren um.
  12. Klicken Sie im Feld Link auf das dynamische Tag-Symbol.
  13. Wählen Sie Off Canvas aus dem Dropdown-Menü.
  14. Klicken Sie auf das Schraubenschlüssel-Symbol.
    Dadurch wird das Optionsfeld geöffnet.
  15. Wählen Sie das Widget aus dem Dropdown-Menü. In diesem Beispiel lautet der Name des Widgets Off Canvas.
  16. Klicken Sie auf der Arbeitsfläche auf Speichern & Zurück.

Das Loop-Grid zeigt jetzt Beitragsbilder, Produktbilder und eine Schaltfläche „Mehr erfahren“ an, die beim Anklicken eine Produktbeschreibung und den Preis anzeigt.

Auf dieser Seite

Diesen Artikel teilen

Hosted with