> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/shopware-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/shopware-theme/einrichtung/produktboxen.md).

# Produktboxen

Die Produktboxen, oder auch die allgemeine **Anzeige deiner Produkte im Listing**, sind sehr entscheidend für deine Verkaufszahlen. Eine ansprechende und gut durchdachte Darstellung deiner Produkte führt letztendlich zu mehr Verkäufen.

Deshalb habe ich eine Reihe an **Einstellungsmöglichkeiten in das Theme** integriert, um so gut wie jeden Anwendungsfall abzudecken, wie nur möglich.

### Allgemeine Einstellungen

<figure><img src="/files/07iU4ThMutFDX4OvNTI6" alt=""><figcaption></figcaption></figure>

Vieles hier ist selbsterklärend oder wird spätestens mit den Hilfetexten der Felder klar, aber ich gehe auf 2 Punkte detaillierter ein:

* **Rich Snippets**\
  Das sind die Meta-Angaben der Produkte, die Suchmaschinen, wie Google übergeben werden. Mit dieser Einstellung hast du bestmögliches **SEO** für deine Produkte.
* **Passform des Produktbildes**\
  Je nach Art deiner Produktbilder, kannst du hier die optimale Einstellung treffen:

  \
  **Cover:** \
  Es wird ein Bildausschnitt angezeigt. Beachte, dass die Produktbilder ggf. abgeschnitten sind. Fokus ist ein einheitlicher Look des Listings.<br>

  **Beinhalten (empfohlen):** \
  Egal wie sehr sich deine Bilder in der Höhe unterscheiden, die Produktbilder werden für den vorgesehenen Bereich automatisch optimiert.

### Erweiterte Einstellungen

<figure><img src="/files/xcJ43zCJrVCImz9N6GNu" alt=""><figcaption></figcaption></figure>

Hier kannst du detaillierte Einstellungen zur Darstellung vornehmen. Die **"maximale Höhe des Produktbildes"** geht einher mit der vorherigen Einstellung **"Passform des Produktbildes"**. Achte also darauf!

Die Schriftgrößen sollten selbsterklärend sein, aber eine ganz wichtige Einstellung ist die **maximale Anzahl an Zeilen** für die jeweiligen Inhalte der Box.

{% hint style="info" %}

#### Beispiel:

Deine Produkte haben unterschiedlich lange Titel, was dazu führt, dass manche Titel ggf. 2-Zeilig dargestellt werden. Bei Produkten mit weniger langem Titel wird der Titel 1-Zeilig dargestellt.&#x20;

**Wo ist das Problem?**

Das führt dazu, dass die Produktboxen unterschiedlich hoch dargestellt werden und zerstören somit das einheitliche Gesamtbild, wenn Produkte nebeneinander platziert sind.

**Wie kann ich das Problem lösen?**

Du solltest einen Kompromiss finden und die jeweiligen Bereiche beim **kleinsten gemeinsamen Nenner** einordnen. Begrenze also die Anzahl an Zeilen, sodass der Gesamteindruck wieder passt.
{% endhint %}