Heben Sie die Spezifikationen wichtiger Produkte im Abschnitt „Produktdetails“ hervor

Die Fähigkeit, Produktinformationen effektiv zu präsentieren, ist das Lebenselixier des E-Commerce. Doch allzu oft stehen Händler vor einem frustrierenden Paradoxon: Überfluss wird zur Überlastung . Starre Layouts, trockene Präsentationen und Informationsfluten übertönen die Stimme Ihres Produkts und führen dazu, dass Kunden verwirrt und desinteressiert werden.

Um diese Hindernisse zu beseitigen, bietet das Concept- Theme den Abschnitt „Produktdetails“ , ein leistungsstarkes Tool zur Rationalisierung und Optimierung der Produktkommunikation. Dieser Abschnitt ermöglicht es Händlern, eine klare und prägnante Produktbeschreibung zu erstellen und sich dabei auf ihre Spezifikationen zu konzentrieren.

Dieses Tutorial zeigt Ihnen Schritt für Schritt, wie Sie den Bereich Produktdetails konfigurieren:

A. Wo ist diese Funktion?

    1. Erstellen Sie auf Ihrer Produktseite über den Theme-Editor den Abschnitt „Produktdetails“ in der Abschnittsgruppe „Vorlage“ .

    2. Dieser Konfigurationsabschnitt bietet eine Reihe von Anpassungsoptionen, die zur einfachen Navigation praktisch in drei separate Blöcke unterteilt sind: Beschreibung , zusammenklappbare Zeile und Spezifikationsblöcke .

B. Einrichten der Produktdetails

  1. Die Abschnittseinstellungen
  2. Die Blockeinstellungen

1. Die Abschnittseinstellungen

Die Einstellungen für den Abschnitt Produktdetails
Abschnittseinstellungen Beschreibung
Produktdetails
Öffnen Sie die erste zusammenklappbare Reihe

Aktivieren Sie diese Option, um die erste reduzierbare Zeile zu öffnen.

Spezifikationsüberschrift

Gibt den Text ein

Überschrift
Überschrift

Der Abschnittstitel.

Überschriftengröße Die Überschriftengröße kann auf eine der folgenden Optionen eingestellt werden: Klein , Mittel , Groß oder Extragroß .
Ausrichtung der Überschrift Die Überschrift kann nach links , in der Mitte oder nach rechts ausgerichtet werden.
Überschriften-Tag Wählt das Überschriften-Tag aus, um Ihre Inhalte für SEO zu strukturieren und zu organisieren.
Unterüberschrift Die Unterüberschrift zur Überschrift wird über der Überschrift platziert.
Beschreibung Der Beschreibungstext für die Überschrift wird unterhalb der Überschrift platziert.
Hervorgehobener Text

Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
  • Textfarbe
  • Texthintergrundfarbe
  • Ausgefallene Unterstreichung
  • Regelmäßige Unterstreichung
  • Schablonentext
  • Handgezeichnetes Gekritzel
Hervorgehobenes Gekritzel

Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

 Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
  • Kreis
  • Grundlegende Unterstreichung
  • Skizze unterstreichen
  • Kringel unterstreichen
  • Kringel unterstreichen 2
Farbe

 Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
  • Text
  • Hintergrund
  • Hintergrundverlauf
  • Markieren
  • Markieren Sie den Farbverlauf
  • Schaltflächentext
  • Schaltflächenhintergrund
  • Hintergrundverlauf der Schaltfläche
Abschnitt
Sie können die obere und untere Polsterung in Schritten von 4 Pixeln von 0 Pixel bis 120 Pixel anpassen.
Abschnittstrenner anzeigen Zeigt einen Zeilentrenner über diesem Abschnitt an.
Machen Sie den Abschnitt in voller Breite Macht den Container über die volle Breite.
Machen Sie den Abschnitt abgerundet Wendet eine abgerundete Kante auf die beiden oberen Ecken an.

2. Die Blockeinstellungen

2.1. Beschreibung

Dieser Block soll informative und ansprechende Beschreibungen nutzen, um Produktdetails optimal darzustellen und das Kundenerlebnis zu verbessern.

Überschrift – Der Blocktitel. (z. B. Beschreibung .)

Der Beschreibungsblock wird mit dem Inhalt des Felds Produktbeschreibung gefüllt, wie es im Admin-Dashboard > Produkte > Flow Harmony zu finden ist ( Flow Harmony ist das Beispielprodukt in diesem Artikel). Als Referenz sehen Sie sich bitte die beiden Bilder unten an.

Beschreibungsblock Das Flow Harmony-Produkt
2.2. Zusammenklappbare Reihe

Nutzen Sie zusammenklappbare Registerkarten, um ergänzende Informationen bequem darzustellen, die Kunden in die Lage versetzen, fundierte Kaufentscheidungen zu treffen.

  • Überschrift – Der Blocktitel

  • Zeileninhalt – Eingabe oder Auswahl eines Metafelds (Metafiel-Symbol), das Details bereitstellt, die das Verständnis der Kunden verbessern und sichere Kaufentscheidungen erleichtern.

    Das Metafiel-Symbol:

  • Metafelder – Gibt den Namespace und den Schlüssel des Metafelds ein, das den Wert enthält. Jedes Metafeld muss in einer eigenen Zeile stehen.

Zum Beispiel:

In diesem Flow Harmony -Produktbeispiel wird der Zeileninhaltswert durch programmgesteuertes Abrufen des Sound- Metafelds bestimmt, wodurch Datenkonsistenz und genaue Anzeige sichergestellt werden.

Der Zeileninhalt Das Flow Harmony-Produkt

Um die Produktinformationen weiter zu verbessern, wurden Batterieinformationen hinzugefügt, indem genau der Namespace und der Schlüssel des Batterie-Metafelds in die Metafelder eingegeben werden: tech_specs.battery .

2.3. Spezifikation

Der Konfigurationsprozess für den Spezifikationsblock bietet zwei Ansätze:

2.3.1. Manuelle Spezifikationsergänzung

Lassen Sie uns die erste Methode in Aktion visualisieren. Um 5 Spezifikationen für das Flow Harmony-Produkt anzuzeigen, führen wir die folgenden Schritte aus:

  1. Fügen Sie 5 Spezifikationsblöcke hinzu
  2. Passen Sie jeden Block mit einem relevanten Symbol und Text an

Zur visuellen Unterstützung bieten die beiden folgenden Bilder zusätzlichen Kontext.

2.3.2. Metaobjekt- und Metafeld-Integration

Die zweite Methode nutzt die kombinierte Leistung von Metaobject und Metafield . Hier dient Metaobject als zentrales Repository für alle Produktspezifikationen , während einzelne Metafields diese Spezifikationen für jedes spezifische Produkt dynamisch anzeigen .

Der Prozess umfasst drei Hauptschritte:

  1. Erstellung von Metaobjekten
  2. Metafeld-Erstellung
  3. Konfiguration des Spezifikationsblocks

1. Metaobjekt-Erstellung

  • Gehen Sie über das Admin-Dashboard zu den Einstellungen .

    Klicken Sie in den Einstellungen auf die Registerkarte „Benutzerdefinierte Daten“ > „Definition hinzufügen“ .

    Nachdem Sie auf „ Definition hinzufügen“ geklickt haben, erscheint dieses Fenster:

  • Bitte stellen Sie als Referenz sicher, dass Ihre Datenanordnung mit dem in den folgenden Bildern gezeigten Beispiel übereinstimmt :

    • Name – gibt Tech spec ein

    • Felder – Wählt Datei und einzeiligen Text aus

      • Datei – Geben Sie Icon in den Namen ein und wählen Sie Eine Datei aus.

      • Einzeiliger Text : Geben Sie Label in „Name“ ein und wählen Sie „Eine Datei“ aus.

    Nach Abschluss dieses Schritts spiegelt die Konfiguration des Metaobjekts die visuelle Darstellung im Bild unten wider:

  • Füllen Sie das Metaobjekt nach der Erstellung mit umfassenden Produktspezifikationen aus (z. B. Kopfhörer , USB-C-Kabel, 1,25 m , Lautsprecher usw.). Erreichen Sie dies durch:

    • Klicken Sie auf Eintrag hinzufügen

    • Wählen Sie ein repräsentatives Symbol aus und geben Sie den Text in Label ein.

      Als Beispiel fügen wir hier einen Eintrag „USB-C-Kabel, 1,25 m“ hinzu:

    • Wiederholen Sie den Vorgang für die verbleibenden „Eingabe“-Werte.

Nach Abschluss dieses Schritts enthält Ihre Metaobject Tech-Spezifikation umfassend alle Produkteinträge ( in diesem Beispiel haben wir 8 Einträge ) und fungiert als zentrales Repository für Spezifikationsinformationen.

2. Metafeld-Erstellung

Dieser Schritt umfasst die Einrichtung eines neuen Metafelds mit dem Namen „Technische Daten“, das einzigartige, für jedes Produkt spezifische Werte enthalten soll .

  • Um ein neues Metafeld zu erstellen, gehen Sie über Admin-Dashboard zu Einstellungen > Benutzerdefinierte Daten > Produkte > Definition hinzufügen .

  • Name – gibt Tech specs ein

    Namespace und Schlüssel – gibt custom.tech_specs ein

    Wählen Sie unter Typ auswählen das Metaobjekt aus

    Als Referenz : Wählen Sie „Technische Spezifikation“ und dann den Typ „Liste der Einträge“ aus.

  • Klicken Sie auf Speichern , um diesen Schritt abzuschließen.

  • Nach Abschluss dieses Schritts wird das neu erstellte Metafeld automatisch für alle Ihre Produkte ausgefüllt. Nun können Sie den einzelnen Produkten nach Wunsch spezifische Werte zuweisen .

    Beispielsweise wählt Flow Harmony unter „Produkt“ > „Technische Daten “ > „ Einträge auswählen “ die Einträge für dieses Produkt in der Liste aus .

3. Konfiguration des Spezifikationsblocks

  • Gehen Sie zurück zum Block „Spezifikation“ im Abschnitt „Produktdetails“ .

  • Für diesen Schritt müssen Sie einfach das Metafeld „Technische Daten“ auswählen, indem Sie auf das Metafeldsymbol oben rechts klicken.

  • Die angegebenen Produktspezifikationen werden automatisch ausgefüllt.

Wir hoffen, dass dieser Artikel hilfreich war. Wenn Sie Fragen oder Bedenken zu dieser Funktion haben, wenden Sie sich bitte an unser Team, um Unterstützung zu erhalten.

Back to Seien Sie Konzeptunterstützung