Help Center / Nicht kategorisiert / 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

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