Alle Seiten
Bereitgestellt von GitBook
1 von 1

Loading...

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:


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

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

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

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"

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

    • twt.detail.symbols.title

  • 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


  • 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



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

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

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

  • twt.detail.symbols.text (Beschreibungstext)

  • (Eigenschaften-Gruppe)


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

Speicher deine Änderungen

Wähle das Zusatzfeld-Set deines Themes aus

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

  • Speicher deine Änderungen

  • 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.

  • Symbole
    Eigenschaften
    Als Produkt-Symbol anzeigen
    Symbol 1-3
    Symbol 1-3 – Titel
    Produkt-Symbole (Text)
    Symbole-Tab
    Pflegehinweise & Produkt-Symbole anzeigen

    Inhalt: Eigenschaften mit Bild

    Inhalt: Zusatzfelder im Produkt

    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

    Text: Beschreibungstext

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Optionen

    Zusatzfelder

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Zusatzfelder

    Weiterführende Informationen

    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen