Der Block Zusätzliche Informationen ermöglicht es Ihnen, Produktattributdaten von WooCommerce in Ihren Einzelproduktvorlagen anzuzeigen. Dieser Block extrahiert und zeigt automatisch Informationen aus dem Abschnitt Zusätzliche Attribute jedes Produkts an und präsentiert Spezifikationen wie Abmessungen, Gewicht, Farbe, Material und andere benutzerdefinierte Attribute in einem organisierten Tabellenformat.
Dieser Block ist unerlässlich für Einzelproduktvorlagen, in denen Sie detaillierte Produktspezifikationen und Attribute in einem sauberen, professionellen Layout präsentieren möchten. Er hilft Kunden, fundierte Kaufentscheidungen zu treffen, indem er alle technischen Details und Spezifikationen bereitstellt, die sie auf einen Blick benötigen.
Hinzufügen des Blocks „Zusätzliche Informationen“ zu Ihren Seiten
Befolgen Sie diese Schritte, um einen Block „Zusätzliche Informationen“ zu Ihrer SeedProd Einzelproduktvorlage hinzuzufügen:
Schritt 1: Block hinzufügen
Ziehen Sie unter Design > Blöcke > WooCommerce-Vorlagen-Tags den Block Zusätzliche Informationen 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
Sobald Sie den Block „Zusätzliche Informationen“ hinzugefügt haben, klicken Sie darauf, um seine Einstellungen zu öffnen. Im Tab Inhalt können Sie anpassen, wie die Produktattribute angezeigt werden.
- Kopfzeile: Geben Sie den Text für die Überschrift ein oder bearbeiten Sie ihn, der über der Tabelle der Produktattribute angezeigt wird (z. B. „Zusätzliche Informationen“ oder „Produktspezifikationen“).
- Typografie der Kopfzeile: Passen Sie die Schriftarteigenschaften für die Kopfzeile des Abschnitts an, einschließlich Schriftfamilie, Größe, Stärke und Stil.
- Farbe der Kopfzeile: Legen Sie die Farbe für den Text der Kopfzeile fest, damit er zu Ihrem Design passt.
- Typografie: Steuern Sie die Schriftarteigenschaften für die Attributbezeichnungen und Werte in der Tabelle, einschließlich Schriftfamilie, Größe, Stärke und Stil.
- Textfarbe: Wählen Sie die Farbe für den Attributtext, um eine gute Lesbarkeit zu gewährleisten.
Der Tab „Inhalt“ ermöglicht es Ihnen, den Text der Kopfzeile, die Typografie und die Farben für die Anzeige der Produktattribute anzupassen.
Schritt 3: Design anpassen
Im Tab Erweitert können Sie das visuelle Erscheinungsbild Ihres Blocks „Zusätzliche Informationen“ anpassen:
Abstand:
- Abstand (Außen): Steuern Sie den Außenabstand um Ihren Block „Zusätzliche Informationen“ (Oben, Rechts, Unten, Links). Dies bestimmt, wie viel Platz zwischen dem Block und den umgebenden Elementen erscheint.
- Abstand (Innen): Passen Sie den Innenabstand innerhalb Ihres Blocks „Zusätzliche Informationen“ an (Oben, Rechts, Unten, Links). Dies schafft Freiraum zwischen dem Inhalt und den Rändern des Blocks.
Attribute:
- CSS-ID: Zeigt die automatisch generierte eindeutige Kennung für Ihren Block „Zusätzliche Informationen“ an. Diese ID wird von SeedProd automatisch für benutzerdefiniertes Styling oder zur gezielten JavaScript-Steuerung erstellt.
- Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um bestimmte 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 eine neue Zeile im Format ein: attribut-name|wert (z. B. data-product-info|attributes)
Gerätesichtbarkeit:
- Auf dem Desktop ausblenden: Blenden Sie den Block Zusätzliche Informationen auf Desktop-Bildschirmen aus
- Auf Tablets ausblenden: Blenden Sie den Block Zusätzliche Informationen auf Tablet-Geräten aus
- Auf Mobilgeräten ausblenden: Blenden Sie den Block Zusätzliche Informationen auf Mobilgeräten aus
Animationseffekte:
- Eingangs-Animation: Wählen Sie aus verschiedenen Animationseffekten, die abgespielt werden, wenn der Block Zusätzliche Informationen ins Sichtfeld gescrollt wird. Optionen sind Bounce, Fade In, Zoom In, Rotate In und viele mehr. Dies lenkt die Aufmerksamkeit auf Ihre Produktspezifikationen
Die Registerkarte Erweitert bietet Optionen für Abstände, benutzerdefinierte Attribute, Geräte-Sichtbarkeit und Eingangs-Animationen.
Schritt 4: Speichern Sie Ihre Änderungen
Wenn Sie die Konfiguration des Blocks Zusätzliche Informationen abgeschlossen und sein Erscheinungsbild angepasst haben, stellen Sie sicher, dass Sie Ihre Arbeit speichern.
Sie haben erfolgreich einen Block Zusätzliche Informationen zu Ihrer Einzelproduktvorlage hinzugefügt! Dieser Block zeigt automatisch Produktattribute und -spezifikationen in einem übersichtlichen, organisierten Tabellenformat an und hilft Kunden, fundierte Kaufentscheidungen zu treffen. Experimentieren Sie mit verschiedenen Typografie- und Farbeinstellungen, um eine Produktinformationsanzeige zu erstellen, die zu Ihrer Marke passt und Ihre Produktseiten verbessert.