Produktboxen

Ein sehr wichtiges Element deines Shops

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

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.

    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

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.

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.

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.

Last updated