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:
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.
Es gibt nun drei Möglichkeiten:
Du nutzt bereits ein eigenes Kategorie-Layout
Fahre einfach mit Schritt "3) Kategorie-Layout bearbeiten" fort.
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:
Du musst das Layout also duplizieren um es bearbeiten zu können.
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.
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.
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.
Beispiele
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
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.
Last updated