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.

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:

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

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

Logo

© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH