Produkt-Boxen kompakter gestalten
In dieser Anleitung erfährst du, wie du Produkt-Boxen mit ThemeWare® kompakter gestalten kannst.
Last updated
Was this helpful?
In dieser Anleitung erfährst du, wie du Produkt-Boxen mit ThemeWare® kompakter gestalten kannst.
Last updated
Was this helpful?
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.
Um Produkt-Boxen kompakter zu gestalten hast du mit Shopware bzw. ThemeWare® verschiedene Optionen die wir dir in diesem Artikel vorstellen:
NEU:
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.
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.
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.
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.
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.
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
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
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.
Klicke auf das Listing-Element (1) um dies zu "aktivieren" und dann auf das "Zahnrad"-Icon (2) um das Element zu konfigurieren.
