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.

Produkt-Boxen kompakter gestalten

Um Produkt-Boxen kompakter zu gestalten hast du mit Shopware bzw. ThemeWare® verschiedene Optionen die wir dir in diesem Artikel vorstellen:

• Kompaktes Layout in der Erlebniswelt auswählen

• Elemente der Produkt-Boxen reduzieren

• NEU: Kompakten-Modus auswählen

---

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. Du nutzt bereits ein eigenes Kategorie-Layout

   • Fahre einfach mit Schritt "3) Kategorie-Layout bearbeiten" fort.

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

---

Neu: Kompakter Modus #beta

Als weitere Option für kompaktere Produkt-Boxen, haben wir mit ThemeWare® 3.1.0 einen "kompakten Modus" in ThemeWare® integriert. Dieser ist noch in einer Testphase, probiere ihn aber gerne einmal aus und sende uns dazu gerne Feedback über unser Service-Portal.

Tab "Weiteres" => Bereich "Beta" => Abschnitt "Produkt-Box" => Kompakte Produkt-Boxen

---

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