Der Block „Aktuelle Produkte“ zeigt Ihre zuletzt veröffentlichten WooCommerce-Produkte in einem übersichtlichen, durchsuchbaren Raster an. Auf diese einfache Weise können Sie wiederkehrende Besucher über Ihre neuesten Produkte auf dem Laufenden halten und Neuzugängen auf jeder Seite Ihres Shops einen prominenten Platz einräumen.

Mit den Abfrage-Steuerelementen können Sie festlegen, wie viele Produkte angezeigt werden, wie sie sortiert werden, und optionale Filter anwenden. Auf der Registerkarte „Erweitert“ haben Sie die volle Kontrolle über die Typografie des Rasters, die Schaltflächenstile und die Darstellung der Produktbilder, um sie an das Branding Ihres Shops anzupassen.

Anforderungen:Der Block „Aktuelle Produkte“ ist im Elite-Lizenzplan verfügbar.

---

Hinzufügen des Blocks „Aktuelle Produkte“ zu Ihren Seiten

Befolgen Sie diese Schritte, um einen Block „Zuletzt verwendete Produkte“ zu Ihrer SeedProd-Seite hinzuzufügen:

Schritt 1: Block hinzufügen

Ziehen Sie unter „Design > Blöcke > WooCommerce“ den Block „Aktuelle Produkte“ per Drag & Drop in den gewünschten Bereich Ihrer Seite.

Schritt 2: Einstellungen konfigurieren

Klicken Sie nach dem Hinzufügen auf den Block „Aktuelle Produkte“, um dessen Einstellungen zu öffnen. Auf der Registerkarte „Einstellungen“ sind die Einstellungen in zwei Abschnitte unterteilt.

Inhalt:

• Spalten: Legen Sie die Anzahl der Produktspalten fest, die im Raster angezeigt werden sollen.
• Paginierung: Aktivieren Sie diese Option, um die Paginierung zu aktivieren und das Produktraster auf mehrere Seiten aufzuteilen.
• Anzahl der angezeigten Artikel: Aktivieren Sie diese Option, um die Gesamtzahl der angezeigten Produkte anzuzeigen.
• Sortierreihenfolge anzeigen: Aktivieren Sie diese Option, um ein Sortier-Dropdown-Menü anzuzeigen, über das Besucher Produkte nach Kriterien wie Preis, Beliebtheit oder Bewertung neu sortieren können.
• Begrenzung: Legen Sie die maximale Anzahl der anzuzeigenden Produkte fest. Verwenden Sie -1 Alle passenden aktuellen Produkte anzeigen (Standard).

Abfrage:

• Typ: Wählen Sie aus, welche Produkte angezeigt werden sollen – Alle Produkte, Ausgewählte Produkte, Sale-Produkte, Bestseller, Neueste Produkte oder Bestbewertete Produkte. Dieser Block ist standardmäßig auf Neueste Produkte eingestellt.
• Sortieren nach: Legen Sie fest, wie Produkte sortiert werden sollen – nach Datum, Titel, Preis, Beliebtheit, Bewertung, Zufall oder Menüordnung.
• Reihenfolge: Legen Sie die Sortierreihenfolge fest – ASC (aufsteigend) oder DESC (absteigend).

Schritt 3: Design anpassen

Auf der Registerkarte „Erweitert“ können Sie das Erscheinungsbild Ihres Blocks „Zuletzt verwendete Produkte“ anpassen. Die Einstellungen sind in drei Abschnitte unterteilt.

Stile:

• Ausrichtung: Legen Sie die horizontale Ausrichtung des Produktrasters fest – links, mittig oder rechts – mit gerätespezifischen Steuerelementen für Desktop, Tablet und Mobilgeräte.
• Beschreibung Typografie: Legen Sie die Schriftart, Größe, Zeilenhöhe, Zeichenabstand, Schriftstärke, Stil und Groß-/Kleinschreibung für den Produktbeschreibungstext fest.
• Preistypografie: Legen Sie die Schriftfamilie, Größe, Zeilenhöhe, Buchstabenabstand, Schriftstärke, Stil und Groß-/Kleinschreibung für den Produktpreistext fest.
• Preis Farbe: Legen Sie die Farbe des regulären Produktpreises fest.
• Verkaufsfarbe: Legen Sie die Farbe des Verkaufspreises fest, wenn ein Produkt rabattiert ist.

Schaltfläche:

• Schaltflächenstil: Wählen Sie einen visuellen Stil für die Schaltfläche „Zum Warenkorb hinzufügen“ – Flach, 2D, Vintage, Ghost oder Link.
• Schaltflächenfarbe: Legen Sie die Hintergrundfarbe der Schaltfläche „Zum Warenkorb hinzufügen“ fest.
• Schaltflächentypografie: Legen Sie die Schriftfamilie, Größe, Zeilenhöhe, Buchstabenabstand, Schriftstärke, Schriftstil und Groß-/Kleinschreibung für den Schaltflächentext fest.
• Schaltflächengröße: Wählen Sie eine voreingestellte Schaltflächengröße – Klein, Mittel, Groß, Sehr groß oder 2X Groß.
• Border Radius: Passen Sie die Eckenrundung der Schaltfläche „Zum Warenkorb hinzufügen” mithilfe eines Schiebereglers an.

Bild:

• Schatten: Wenden Sie einen Schatten auf Produktbilder an, indem Sie voreingestellte Größen verwenden – Keine, Haarlinie, Klein, Mittel, Groß, X Groß, 2X Groß oder Unterer Schlagschatten.
• Rahmenstil: Legen Sie den Rahmenstil für Produktbilder fest – durchgehend, gepunktet oder gestrichelt.
• Bildrahmenfarbe: Legen Sie die Farbe des Produktbildrahmens fest.
• Bildrandbreite: Legen Sie die Randstärke auf jeder Seite (oben, rechts, unten, links) des Produktbildes fest.
• Bild-Weißraum-Abstand: Fügen Sie einen inneren Abstand um Produktbilder innerhalb ihres Rahmens hinzu.

Abstand:

• Rand: Legen Sie den äußeren Abstand um den Block herum auf allen vier Seiten fest, mit unabhängigen Steuerelementen für Desktop, Tablet und Mobilgeräte.
• Abstand: Legen Sie den inneren Abstand innerhalb des Block-Wrappers an allen vier Seiten fest, mit gerätespezifischen Steuerelementen.

Attribute:

• Benutzerdefinierte Klasse: Fügen Sie dem Block-Wrapper eine oder mehrere benutzerdefinierte CSS-Klassen hinzu, um ein gezieltes Styling zu erzielen.
• CSS-ID: SeedProd generiert automatisch eine eindeutige CSS-ID für diesen Block. Sie können diese ID verwenden, um den Block in benutzerdefiniertem CSS oder JavaScript zu referenzieren.
• Benutzerdefinierte Attribute: Fügen Sie dem Block-Wrapper-Element benutzerdefinierte HTML-Attribute hinzu. Geben Sie jedes Attribut in einer neuen Zeile im Format Schlüssel|Wert ein.

Geräte-Sichtbarkeit:

• Auf dem Desktop ausblenden: Umschalten, um den Block bei der Anzeige auf Desktop-Bildschirmen auszublenden.
• Auf Tablet ausblenden: Umschalten, um den Block bei der Anzeige auf Tablet-Bildschirmen auszublenden.
• Auf Mobilgeräten ausblenden: Schalten Sie diese Option ein, um den Block auf Mobilgeräten auszublenden.

Animationseffekte:

• Scroll-Effekt: Wende eine scroll-gesteuerte Animation auf den Block an, einschließlich Optionen für vertikales und horizontales Scrollen mit Steuerelementen für Richtung, Geschwindigkeit und Viewport-Offset.
• Mouse Effect: Wende einen durch Mausbewegungen gesteuerten Parallax-Effekt auf den Block an.

Schritt 4: Speichern Sie Ihre Änderungen

Wenn Sie die Konfiguration des Blocks „Zuletzt verwendete Produkte“ abgeschlossen und dessen Darstellung angepasst haben, speichern Sie Ihre Arbeit.

---

Sie haben erfolgreich einen Block „Aktuelle Produkte“ zu Ihrer Seite hinzugefügt! Die Hervorhebung Ihrer neuesten Produkte ist eine großartige Möglichkeit, wiederkehrende Besucher mit neuen Inhalten zu belohnen und die Aufmerksamkeit auf neue Artikel zu lenken. Experimentieren Sie mit der Anzahl der Spalten, den Schaltflächenstilen und den Sortieroptionen, um Ihre neuesten Produkte optimal zu präsentieren.