VizupCommerce

Wie erstelle ich ein Grid-Widget?

Hier ist eine Vorschau des Grid-Widgets:

Um Videos in mehreren Reihen anzuzeigen, ist die Grid-Wrap-Option die perfekte Wahl.

Grid Widget Preview

Schritt 1: Neues Grid-Widget erstellen

In der Hauptansicht des Grid-Layouts finden Sie eine Schaltfläche mit der Bezeichnung “Neues Widget erstellen”. Klicken Sie auf diese Schaltfläche, um ein neues Widget zu erstellen.

Create New Widget

Schritt 2: Widget benennen

Geben Sie Ihrem Widget einen Namen im bereitgestellten Feld. Sobald Sie einen Namen eingegeben haben, klicken Sie auf die Schaltfläche “Erstellen”, um Ihr neues Widget zu speichern.

Grid Modal

Schritt 3: Videos zum Widget hinzufügen

Klicken Sie auf die Schaltfläche “Widget konfigurieren”, um die Widget-Detailansicht zu öffnen. Dort finden Sie die Schaltfläche “Videos zum Widget hinzufügen”. Klicken Sie darauf, um die Video-Auswahloberfläche zu öffnen und die Videos für Ihr Grid-Widget auszuwählen.

Add Videos Button

Schritt 4: Ausgewählte Videos zum Widget speichern

Wählen Sie die Videos aus, die Sie in Ihrem Grid einschließen möchten. Klicken Sie nach Ihrer Auswahl auf die Schaltfläche “Zum Widget hinzufügen”. Dadurch werden die ausgewählten Videos zu Ihrem Grid-Widget hinzugefügt und Ihre Änderungen gespeichert.

Add to Widget

Schritt 5: Anzeigeort des Widgets wählen

Wählen Sie, wo Ihr Grid-Widget auf Ihrer Website erscheinen soll. Sie haben drei Optionen:

  • Startseite: Zeigen Sie das Grid prominent auf Ihrer Hauptseite für maximale Sichtbarkeit an. Ideal zur Präsentation wichtiger Inhalte oder Aktionen.
  • Produktseite: Betten Sie das Grid in einzelne Produktseiten ein, um verwandte Produkte, zusätzliche Details oder Testimonials hervorzuheben und das Einkaufserlebnis zu verbessern.
  • Kollektionsseite: Platzieren Sie das Grid auf Kollektionsseiten, um bestimmte Produktgruppen hervorzuheben oder verwandte Artikel innerhalb einer Kategorie zu bewerben.

Wählen Sie die Option, die am besten zu Ihren Bedürfnissen passt.

Display Widget Location Options

Schritt 6: Anzeigeort des Widgets speichern

Klicken Sie nach der Auswahl Ihres Anzeigeorts auf “Speichern”, um Ihre Wahl zu bestätigen und das Grid-Widget auf Ihrer Website zu platzieren.

Save Grid

Schritt 7: Shopify-Theme-Anpassung

Öffnen Sie den Shopify-Theme-Customizer (Gehen Sie zu Shopify-Admin -> Online-Store -> klicken Sie auf die Schaltfläche “Anpassen”).

Shopify Customization

Schritt 8: Neuen Abschnitt hinzufügen

Klicken Sie im Shopify-Theme-Editor auf “Abschnitt hinzufügen”, um einen Platz für Ihr Grid-Widget zu erstellen.

App Block

Schritt 9: App auswählen

Gehen Sie zum Apps-Tab im Panel und suchen Sie mit der Suchleiste nach der App “Grid Layout”.

App Status Tag

Schritt 10: Shopify-Theme speichern

Klicken Sie nach der Auswahl der App auf “Speichern”, um die Änderungen zu übernehmen. Dadurch wird das Grid-Widget in Ihrem Shopify-Theme aktiviert und auf Ihrer Website live geschaltet.

Save Shopify Theme
← Back to All Tutorials