Links

Produkt-Boxen kompakter gestalten

In dieser Anleitung erfährst du, wie du Produkt-Boxen mit ThemeWare® kompakter gestalten kannst.
Die "Abstände" oder "Lücken" in Produkt-Boxen - beispielsweise in Produkt-Listings oder in Produkt-Slidern - sind von Shopware beabsichtigt und bereits im Standard-Theme vorhanden.
Technisch gesehen sind dies Platzhalter für Informationen die je nach Produkt-Konfiguration vorhanden sind und dann angezeigt werden sollten.
Damit durch das Fehlen von Informationen in manchen Produkten nicht jede Produkt-Box eine unterschiedliche Höhe hat, gibt es diese "Platzhalter".
Informationen in diesen "Platzhaltern" sind beispielsweise die Bewertungs-Sterne oder die Variantenmerkmale:
  • Bewertungs-Sterne werden angezeigt, wenn eine Bewertung für einen Artikel abgegeben wurde. Andernfalls bleibt der Bereich im Listing leer (weiß).
  • Variantenmerkmale dienen zur Unterscheidung von nach Eigenschaften "aufgefächerten" Varianten. Ist ein Artikel keine "aufgefächerte" Variante, bleibt der Bereich leer (weiß).
Da diese Informationen – je nach Produkt-Konfiguration – durchaus sinnvoll sind haben wir darauf verzichtet diese Informationen auszublenden. Mit ThemeWare® hast du aber die Möglichkeit dies über die Theme-Konfiguration selber zu machen.

Layout für das Produkt-Listing oder Produkt-Slider wählen

Grundsätzlich bietet Shopware die Möglichkeit das Layout des Produkt-Listing oder Produkt-Slider über den Erlebniswelt-Editor zu ändern.
Den Erlebniswelt-Editor bzw. die Erlebniswelt-Verwaltung erreichst du über die Hauptnavigation "Inhalte" => "Erlebniswetlen" deiner Administration.

1) Kategorie-Layouts anzeigen

Wähle links den Filter "Kategorieseite" aus damit nur Kategorie-Layouts (also Layouts für Kategorien) angezeigt werden.
Erlebniswelten: Layout-Übersicht
Es gibt nun drei Möglichkeiten:
  1. 1.
    Du nutzt bereits ein eigenes Kategorie-Layout
    • Fahre einfach mit Schritt "3) Kategorie-Layout bearbeiten" fort.
  2. 2.
    Du nutzt kein eigenes Kategorie-Layout
    • Fahre bitte mit Schritt "2) Kategorie-Layout duplizieren bzw. erstellen" fort.

2) Kategorie-Layout duplizieren bzw. erstellen

Hast du noch kein eigenes Layout erstellt, findest du dort wahrscheinlich nur das "Standard Kategorie-Layout". Dies ist aber von Haus aus gesperrt, Shopware gibt dir aber gleich einen Hinweis wie nun weiter fortzufahren ist:
Hinweis
Du musst das Layout also duplizieren um es bearbeiten zu können.
Standard Kategorie-Layout duplizieren
Das duplizierte Layout (i.d.R. "Standard Kategorie-Layout - Kopie") kannst du nun bearbeiten.

3) Kategorie-Layout bearbeiten

Klicke einfach auf das zu bearbeitende Layout.
Das Layout öffnet sich nun im Erlebniswelt-Layout-Editor.
Klicke auf das Listing-Element (1) um dies zu "aktivieren" und dann auf das
"Zahnrad"-Icon (2) um das Element zu konfigurieren.
Shopware 6 CMS-Listing-Element bearbeiten
Es öffnet sich das Pop-up "Element-Einstellungen".
Wähle nun im Tab "Inhalt" im Feld "Layout-Typ" die Option "Minimaler Inhalt" oder "Großes Bild" aus. Beide Optionen verzichten auf die gekürzte Produkt-Beschreibung.
Layout-Typ auswählen

4) Kategorie-Layout zuweisen

Hast du das Layout noch keiner Kategorie zugewiesen kannst du das entweder über die Kategorieverwaltung (siehe Kategorie-Layout zuweisen) oder ganz einfach mit der Option "Als Standard für Kategorieseiten festlegen" machen.
Layout als Standard festlegen

Beispiele

von links nach rechts: Standard-Layout, Layout "Großes Bild", Layout "Minimaler Inhalt"

Produkt-Boxen konfigurieren

Mit folgenden Konfigurationsfeldern kannst du Inhalte in der Produkt-Box ein-/ausblenden:
  • Bewertungs-Sterne (ab ThemeWare® 0.2.3)
    • Tab "Kategorieseite" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung" => Feld "Produkt-Bewertung anzeigen"
  • Variantenmerkmale (ab ThemeWare® 0.3.0)
    • Tab "Kategorieseite" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration" => Feld "Variantenmerkmale anzeigen"
  • Bestellnummer
    • Tab "Kategorieseite" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration" => Feld "Produkt-Nr. anzeigen"
  • Hersteller (ab ThemeWare® 0.3.0)
    • Tab "Kategorieseite" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration" => Feld "Hersteller anzeigen"
  • Preiseinheit (ab ThemeWare® 0.3.0)
    • Tab "Kategorieseite" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration" => Feld "Preiseinheit anzeigen"
  • Günstigsten Preis (ab ThemeWare® 0.3.0)
    • Tab "Kategorieseite" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration" => Feld "Günstigsten Preis anzeigen"
Beispiele
von links nach rechts: Standard-Darstellung, minimale Konfiguration, Zusatz-Konfigurationen

Fazit

Mit den oben genannten Funktionen kannst du das Shopware Produktlisting deutlich kompakter darstellen. Welche Option du in deinem Shop ausblenden möchtest, kannst du mit ThemeWare® selber entscheiden.
von links nach rechts: Standard-Darstellung, minimalste Konfiguration