Der Downloads Grid Block ermöglicht es Ihnen, die Produkte Ihres Easy Digital Downloads-Shops direkt auf jeder SeedProd-Seite in einem ansprechenden Rasterlayout anzuzeigen. Dieser Block gibt Ihnen die volle Kontrolle darüber, welche Downloads angezeigt werden, wie sie gefiltert werden und wie jede Produktkarte aussieht.
Ob Sie alle Ihre digitalen Produkte hervorheben, bestimmte Downloads nach ID, Tag oder Kategorie featured möchten oder genau steuern möchten, welche Produktdetails angezeigt werden – der Downloads Grid Block erleichtert den Aufbau eines professionellen EDD-Shops ohne jeglichen Code.
Hinzufügen des Downloads Grid Blocks zu Ihren Seiten
Befolgen Sie diese Schritte, um einen Downloads Grid Block zu Ihrer SeedProd-Seite hinzuzufügen:
Schritt 1: Block hinzufügen
Ziehen Sie unter Blöcke > Easy Digital Downloads den Downloads Grid Block per Drag & Drop in den gewünschten Bereich Ihrer Seite.
Schritt 2: Inhaltseinstellungen konfigurieren
Nach dem Hinzufügen klicken Sie auf den Downloads Grid Block, um seine Einstellungen zu öffnen. Im Tab Inhalt konfigurieren Sie, wie Ihre Downloads angezeigt werden und welche Produkte im Raster erscheinen.
Inhalt:
- Spalten: Legen Sie die Anzahl der Spalten fest, die zur Anzeige Ihrer Downloads im Raster verwendet werden.
- Paginierung: Aktivieren oder deaktivieren Sie die Paginierung. Wenn aktiviert, werden die Downloads auf mehrere Seiten aufgeteilt.
- Anzahl der Downloads: Legen Sie die maximale Anzahl der anzuzeigenden Downloads fest. Verwenden Sie -1, um alle verfügbaren Downloads anzuzeigen.
Abfrage:
- IDs: Aktivieren Sie diese Option, um bestimmte Downloads manuell auszuwählen, indem Sie sie aus einer Liste Ihrer veröffentlichten Produkte auswählen.
- Tags: Aktivieren Sie diese Option, um Downloads nach Tags zu filtern. Wählen Sie, ob Downloads, die mit den ausgewählten Tags übereinstimmen, einbezogen oder ausgeschlossen werden sollen.
- Kategorien: Aktivieren Sie diese Option, um Downloads nach Kategorien zu filtern. Wählen Sie, ob Downloads in den ausgewählten Kategorien einbezogen oder ausgeschlossen werden sollen.
- Beziehung: Wenn sowohl die Filter für Tags als auch für Kategorien aktiv sind, legen Sie fest, ob die kombinierten Filter die ODER (stimmt mit einem überein) oder UND (muss mit beiden übereinstimmen) Logik verwenden.
- Preis: Aktivieren Sie diese Option, um den Produktpreis auf jeder Download-Karte anzuzeigen oder auszublenden.
- Auszug: Aktivieren Sie diese Option, um die Kurzbeschreibung auf jeder Download-Karte anzuzeigen oder auszublenden.
- Vollständiger Inhalt: Aktivieren Sie diese Option, um die vollständige Produktbeschreibung auf jeder Download-Karte anzuzeigen oder auszublenden.
- Kaufen-Button: Aktivieren Sie diese Option, um den Kauf-Button auf jeder Download-Karte anzuzeigen oder auszublenden.
- Thumbnails: Aktivieren Sie diese Option, um das Produktbild auf jeder Download-Karte anzuzeigen oder auszublenden.
- Sortierung: Wählen Sie aus, wie Downloads sortiert werden – nach Datum, ID, Zufall oder Titel. Hinweis: Wenn die Sortierung auf Zufall eingestellt ist, wird die Paginierung deaktiviert, um wiederholte Produkte auf verschiedenen Seiten zu vermeiden.
- Reihenfolge: Legen Sie die Sortierrichtung fest – ASC (aufsteigend) oder DESC (absteigend).
Schritt 3: Design anpassen
Im Tab Erweitert können Sie jedes Element des Downloads-Raster-Blocks gestalten, um ihn an Ihr Branding anzupassen.
Stile:
- Ausrichtung: Legen Sie die horizontale Ausrichtung des Rasterinhalts fest – Links, Mitte oder Rechts.
- Titel-Typografie: Passen Sie Schriftfamilie, -stärke, -größe, Zeilenhöhe, Buchstabenabstand und Texttransformation für den Produkttitel an.
- Titel-Farbe: Legen Sie die Farbe des Produkttiteltextes fest.
- Beschreibung-Typografie: Passen Sie die Typografie für die Produktbeschreibung oder den Auszugstext an.
- Beschreibung-Farbe: Legen Sie die Farbe des Beschreibungstextes fest.
- Preis-Typografie: Passen Sie die Typografie für den angezeigten Preis an.
- Preis-Farbe: Legen Sie die Farbe des Preistextes fest.
Schaltfläche:
- Schaltflächen-Stil: Wählen Sie aus den Stilen Flach, 2D, Vintage, Ghost oder Link.
- Schaltflächen-Farbe: Legen Sie die Hintergrundfarbe der Kaufschaltfläche fest.
- Schaltflächen-Typografie: Passen Sie die Schrifteinstellungen für den Text der Schaltflächenbeschriftung an.
- Schaltflächen-Größe: Wählen Sie aus Klein, Mittel, Groß, X-Groß oder 2X-Groß.
- Rand-Radius: Passen Sie die Rundung der Schaltflächenecken von 0 bis 100 an.
Bild:
- Schatten: Fügen Sie Produktbildern einen Schlagschatten hinzu. Wählen Sie aus Keine, Haarlinisch, Klein, Mittel, Groß, X-Groß, 2X-Groß oder Unterer Schlagschatten.
- Bildrand: Fügen Sie Produktbildern einen Rand hinzu. Konfigurieren Sie den Randstil (Durchgezogen, Gepunktet oder Gestrichelt), die Randbreite, die Randfarbe, den Randradius und den Leerraum-Abstand des Bildes.
Paginierung:
- Paginierungs-Typografie: Passen Sie die Schrifteinstellungen für die Paginierungssteuerung an.
- Seiten-Farbe: Legen Sie die Farbe des aktuellen Seitenindikators in der Paginierung fest.
- Link-Farbe: Legen Sie die Farbe der Navigationslinks der Paginierung fest.
Abstand:
- Außenabstand: Steuern Sie den äußeren Abstand um Ihren Downloads-Raster-Block (Oben, Rechts, Unten, Links).
- Innenabstand: Passen Sie den inneren Abstand innerhalb Ihres Downloads-Raster-Blocks an (Oben, Rechts, Unten, Links). Unterstützt gerätespezifische Werte für Desktop, Tablet und Mobilgeräte.
Attribute:
- CSS-ID: Zeigt die automatisch generierte eindeutige Kennung für Ihren Downloads-Raster-Block an, die von SeedProd automatisch für benutzerdefinierte Stile oder JavaScript-Ziele erstellt wurde.
- Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um spezifische Stile aus Ihrem Theme oder benutzerdefinierten CSS anzuwenden.
- Benutzerdefinierte Attribute: Fügen Sie dem Block-Wrapper-Element beliebige HTML-Attribute hinzu. Geben Sie jedes Attribut in einer neuen Zeile im Format ein: attribut-name|wert.
Gerätesichtbarkeit:
- Auf Desktop ausblenden: Blenden Sie den Downloads-Raster-Block auf Desktop-Bildschirmen aus.
- Auf Tablet ausblenden: Blenden Sie den Downloads-Raster-Block auf Tablet-Geräten aus.
- Auf Mobilgeräten ausblenden: Blenden Sie den Downloads-Raster-Block auf Mobilgeräten aus.
Animationseffekte:
- Erscheinungsanimation: Wählen Sie einen Animationseffekt, der abgespielt wird, wenn der Downloads-Raster-Block ins Sichtfeld scrollt, wie z. B. Bounce, Fade In, Zoom In, Rotate In und viele mehr.
Schritt 4: Speichern Sie Ihre Änderungen
Sobald Sie die Konfiguration des Downloads Grid Blocks abgeschlossen und sein Erscheinungsbild angepasst haben, stellen Sie sicher, dass Sie Ihre Arbeit speichern.
Sie haben erfolgreich einen Downloads Grid Block zu Ihrer Seite hinzugefügt! Der Downloads Grid Block ist eine leistungsstarke Möglichkeit, Ihre Easy Digital Downloads Produkte mit voller Kontrolle über Layout, Filterung und Styling zu präsentieren. Experimentieren Sie mit verschiedenen Spaltenanzahlen, Abfragefiltern und Designoptionen, um ein Produktgitter zu erstellen, das Konversionen fördert und zu Ihrer Marke passt.