Mit dem Block „Zusätzliche Informationen“ können Sie Produktattributdaten aus WooCommerce in Ihren Einzelproduktvorlagen anzeigen. Dieser Block extrahiert automatisch Informationen aus dem Abschnitt „Zusätzliche Attribute“ jedes Produkts und zeigt Spezifikationen wie Abmessungen, Gewicht, Farbe, Material und andere benutzerdefinierte Attribute in einem übersichtlichen Tabellenformat an.
Dieser Block ist unverzichtbar für Einzelproduktvorlagen, in denen Sie detaillierte Produktspezifikationen und -eigenschaften in einem übersichtlichen, professionellen Layout präsentieren möchten. Er hilft Kunden dabei, fundierte Kaufentscheidungen zu treffen, indem er alle technischen Details und Spezifikationen auf einen Blick bereitstellt.
Hinzufügen des Blocks „Zusätzliche Informationen“ zu Ihren Seiten
Befolgen Sie diese Schritte, um einen Block „Zusätzliche Informationen“ zu Ihrer SeedProd-Vorlage für einzelne Produkte hinzuzufügen:
Schritt 1: Block hinzufügen
Ziehen Sie unter „Design > Blöcke > WooCommerce-Vorlagen-Tags“ den Block „Zusätzliche Informationen“ per Drag & Drop in den gewünschten Abschnitt Ihrer Einzelproduktvorlage.
Der Block „Zusätzliche Informationen“ befindet sich unter „WooCommerce-Vorlagen-Tags“ und kann zu Ihrer Einzelproduktvorlage hinzugefügt werden.
Schritt 2: Inhaltseinstellungen konfigurieren
Klicken Sie nach dem Hinzufügen auf den Block „Zusätzliche Informationen“, um dessen Einstellungen zu öffnen. Auf der Registerkarte „Inhalt“ können Sie die Anzeige der Produktattribute anpassen.
- Überschrift: Geben Sie den Text ein oder bearbeiten Sie ihn, der über der Tabelle mit den Produktattributen angezeigt wird (z. B. „Zusätzliche Informationen“ oder „Produktspezifikationen“).
- Überschrift-Typografie: Passen Sie die Schriftart-Eigenschaften für die Abschnittsüberschrift an, einschließlich Schriftfamilie, Größe, Stärke und Stil.
- Header-Farbe: Legen Sie die Farbe für den Header-Text passend zu Ihrem Design fest.
- Typografie: Steuern Sie die Schriftarteneigenschaften für die Attributbezeichnungen und -werte in der Tabelle, einschließlich Schriftfamilie, Größe, Schriftstärke und Stil.
- Textfarbe: Wählen Sie die Farbe für den Attributtext, um eine gute Lesbarkeit zu gewährleisten.
Auf der Registerkarte „Inhalt“ können Sie den Kopfzeilentext, die Typografie und die Farben für die Anzeige der Produktattribute anpassen.
Schritt 3: Design anpassen
Auf der Registerkarte „Erweitert“ können Sie das Erscheinungsbild Ihres Blocks „Zusätzliche Informationen“ anpassen:
Abstand:
- Rand: Steuert den äußeren Abstand um Ihren Block „Zusätzliche Informationen“ (oben, rechts, unten, links). Damit legen Sie fest, wie viel Platz zwischen dem Block und den umgebenden Elementen angezeigt wird.
- Abstand: Passen Sie den inneren Abstand innerhalb Ihres Blocks „Zusätzliche Informationen“ an (oben, rechts, unten, links). Dadurch entsteht ein Abstand zwischen dem Inhalt und den Blockrändern.
Attribute:
- CSS-ID: Zeigt die automatisch generierte eindeutige Kennung für Ihren Block „Zusätzliche Informationen“ an. Diese ID wird automatisch von SeedProd für benutzerdefiniertes Styling oder JavaScript-Targeting erstellt.
- Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um bestimmte Stile aus Ihrem Theme oder benutzerdefiniertem CSS anzuwenden.
- Benutzerdefinierte Attribute: Fügen Sie beliebige HTML-Attribute zum Block-Wrapper-Element hinzu. Geben Sie jedes Attribut in einer neuen Zeile im folgenden Format ein: Attributname|Wert (z. B. data-product-info|attributes)
Geräte-Sichtbarkeit:
- Auf dem Desktop ausblenden: Den Block „Zusätzliche Informationen“ auf Desktop-Bildschirmen ausblenden
- Auf Tablet ausblenden: Blockt den Block „Zusätzliche Informationen“ auf Tablet-Geräten aus.
- Auf Mobilgeräten ausblenden: Den Block „Zusätzliche Informationen“ auf Mobilgeräten ausblenden
Animationseffekte:
- Eingangsanimation: Wählen Sie aus verschiedenen Animationseffekten, die abgespielt werden, wenn der Block „Zusätzliche Informationen“ in den Blickbereich scrollt. Zu den Optionen gehören „Hüpfen“, „Einblenden“, „Vergrößern“, „Eindrehen“ und viele mehr. Dadurch wird die Aufmerksamkeit auf Ihre Produktspezifikationen gelenkt.
Die Registerkarte „Erweitert“ enthält Optionen für Abstände, benutzerdefinierte Attribute, Sichtbarkeit von Geräten und Eingangsanimationen.
Schritt 4: Speichern Sie Ihre Änderungen
Wenn Sie die Konfiguration des Blocks „Zusätzliche Informationen“ und die Anpassung seines Erscheinungsbilds abgeschlossen haben, speichern Sie Ihre Arbeit.
Sie haben erfolgreich einen Block mit zusätzlichen Informationen zu Ihrer Einzelproduktvorlage hinzugefügt! Dieser Block zeigt automatisch Produktattribute und Spezifikationen in einem übersichtlichen, gut strukturierten Tabellenformat an und hilft Kunden so, fundierte Kaufentscheidungen zu treffen. Experimentieren Sie mit verschiedenen Schrift- und Farbeinstellungen, um eine Produktinformationsanzeige zu erstellen, die zu Ihrer Marke passt und Ihre Produktseiten aufwertet.