Produkt-Symbole (Hinweisbilder)

Mit den ThemeWare® "Produkt-Symbolen" zeigst du individuelle Symbole und Hinweisbilder wie Pflegesymbole (z.B. Waschsymbole), Siegel oder Zertifikate direkt auf der Produktseite an – unter den Produktbildern, in der Buybox, in der Beschreibung, im Eigenschaften-Tab oder in einem separaten Tab.

Produkt-Symbole unter der Galerie

Produkt-Symbole in der Buybox

Hinweis: Die Produkt-Symbole werden angezeigt, wenn die Konfiguration "Produkt-Symbole anzeigen" aktiviert ist und für das Produkt mindestens ein Symbol hinterlegt wurde – über eine Eigenschaft mit Bild oder ein Zusatzfeld.

Anleitung: Eine Schritt-für-Schritt-Anleitung findest du im ThemeWare® Wiki: Pflegehinweise & Produkt-Symbole anzeigen

---

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Produkt-Symbole"

3. Wähle über die Konfiguration "Produkt-Symbole anzeigen" die gewünschte Position

4. Optional: Nutze die weiteren Konfigurationsmöglichkeiten

5. Speicher deine Änderungen nach der Bearbeitung

Inhalt: Eigenschaften mit Bild

Für Symbole, die an mehreren Produkten genutzt werden (z.B. Pflegesymbole oder Siegel), nutzt du am besten Eigenschaften mit Bild:

1. Wechsel über die Hauptnavigation in die "Eigenschaften"-Verwaltung deines Shops ("Kataloge" => "Eigenschaften")

2. Wähle die gewünschte Eigenschaften-Gruppe aus

3. Stelle das Zusatzfeld "Als Produkt-Symbol anzeigen" auf "ja"

4. Hinterlege an den gewünschten Optionen der Gruppe jeweils ein Bild

5. Speicher deine Änderungen

Es werden nur Optionen mit Bild als Symbol angezeigt. Die Gruppe erscheint weiterhin wie gewohnt in der Eigenschaften-Tabelle.

Inhalt: Zusatzfelder im Produkt

Für Symbole, die nur ein einzelnes Produkt betreffen, nutzt du die Zusatzfelder im jeweiligen Produkt:

1. Wechsel über die Hauptnavigation in die "Produkt-Verwaltung" deines Shops ("Kataloge" => "Produkte")

2. Wähle das gewünschte Produkt aus

3. Wechsel in den Tab "Spezifikationen"

4. Scrolle zum Abschnitt "Zusatzfelder"

5. Wähle das Zusatzfeld-Set deines Themes aus

6. Wähle über die Zusatzfelder "→ Symbol 1" bis "→ Symbol 3" die gewünschten Bilder aus und vergebe optional je einen Titel

7. Speicher deine Änderungen

Hinweis: Die Symbole aus den Zusatzfeldern werden vor den Symbolen aus den Eigenschaften angezeigt. Die Eigenschaften-Symbole folgen der nativen Sortierung der Eigenschaften (Position der Gruppe und Sortierung ihrer Optionen).

Tipp: Lade die Symbole als SVG oder PNG in deiner Wunschfarbe hoch – sie werden nicht eingefärbt.

Text: Zwischenüberschrift

• Passe die Zwischenüberschrift über den folgenden Textbaustein an:

  • twt.detail.symbols.title

Text: Beschreibungstext

• Passe den Beschreibungstext über den folgenden Textbaustein und/oder das Zusatzfeld "Produkt-Symbole (Text)" an – die Quelle wählst du über die Konfiguration "Beschreibungstext":

  • twt.detail.symbols.text

Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung: Texte bearbeiten und übersetzen

Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: Shopware Cache leeren / aufwärmen

---

Optionen

• Stil

  • Lege fest, wie die Symbole dargestellt werden: "Icons (nebeneinander)", "Icon mit Text" oder "Icon-Liste". "Standard (empfohlen)" wählt automatisch die passende Darstellung je Position.

• Größe

  • Lege die Höhe der Symbole in Pixeln fest. Die Breite ergibt sich aus dem jeweiligen Bild – das Seitenverhältnis bleibt erhalten, egal ob du quadratische, hoch- oder querformatige Bilder hochlädst. Im Stil "Icon-Liste" erhalten die Icons eine feste quadratische Spalte in dieser Größe, damit die Titel linksbündig fluchten.

• Zwischenüberschrift anzeigen

  • Lege fest, ob über den Symbolen eine Zwischenüberschrift angezeigt wird (Galerie, Buybox und Beschreibung – im separaten Tab greift stattdessen die Tab-Überschrift).

• Beschreibungstext

  • Lege fest, woher der Beschreibungstext über den Symbolen kommt: Textbaustein, Zusatzfeld oder beides – oder blende ihn ganz aus.

---

Zusatzfelder

SymboleEigenschaften

---

Zusammenfassung

Theme-Konfiguration

• Tab "Produktseiten" => Bereich "Produkt-Symbole" => Produkt-Symbole anzeigen

• Tab "Produktseiten" => Bereich "Produkt-Symbole" => Abschnitt "Basiskonfiguration" => Stil / Größe / Zwischenüberschrift anzeigen / Beschreibungstext

Textbausteine

• twt.detail.symbols.title (Zwischenüberschrift)

• twt.detail.symbols.text (Beschreibungstext)

Zusatzfelder

• Als Produkt-Symbol anzeigen (Eigenschaften-Gruppe)

• Symbol 1-3

• Symbol 1-3 – Titel

• Produkt-Symbole (Text)

---

Weiterführende Informationen

Möchtest du die Produkt-Symbole in einem separaten Tab anzeigen lassen, nutze einfach den ThemeWare® Symbole-Tab:

Symbole-Tab