3. Konfiguration

Nachdem die App installiert wurde, m├╝ssen zuerst die Grundeinstellungen konfiguriert werden. Da sich die normalen App-Konfigurationen zum Zeitpunkt der Entwicklung der App noch nicht ├╝bersetzen lie├čen, wurde ein extra Modul f├╝r die Administration entwickelt. Dieses finden Sie in Ihrer Administration unter "Einstellungen", dann im linken Untermen├╝ auf "Plugins" bzw. ab Shopware 6.4 auf "Erweiterungen" und dort auf "STL - Konfiguration". Hier k├Ânnen Sie die nachfolgenden Einstellungen vornehmen.

3.1 Allgemein

3.1.1 Vererbung

Mit Hilfe der automatischen Vererbung werden Looks des Stamm-Produkts immer auch bei allen Varianten angezeigt. Ein klassicher Anwendungsfall w├Ąre, dass Sie Produkte in verschiedenen Gr├Â├čen haben. Da die Gr├Â├če eines Produkts in der Regel ja in einem Look keine Rolle spielen sollte und ein Look somit f├╝r alle Gr├Â├čen gelten sollte, reicht es in diesem Fall die Vererbung zu aktivieren und den Look beim Stamm-Produkt anzulegen. Der Look wird dann automatisch bei allen Gr├Â├čen-Varianten angezeigt. Somit muss der Look nicht f├╝r jede Gr├Â├čen-Variante extra angelegt werden.

Looks, die beim Stamm-Produkt angelegt werden und durch die Vererbung auf die Varianten ├╝bernommen werden, werden in diesem Fall aber nicht in der Administration bei den Varianten angezeigt. Es kann sein, dass bei einer Variante in der Administration andere Looks angezeigt werden, als beim Stamm-Produkt. Trotzdem werden auf der Produktseite der Variante die Looks des Stamm-Produkts angezeigt. So k├Ânnen Sie theoretisch weiterhin bestimmte Looks nur f├╝r Varianten anlegen, diese werden dann aber erst im Shop angezeigt, wenn der Vererbungs-Modus deaktiviert wird.

Dieser Modus bietet sich zum Beispiel nicht so gut an, wenn Ihre Produkte auch noch unterschiedliche Farben haben. Denn die Farbe spielt in der Regel schon eine Rolle innerhalb eines Looks. Somit gilt ein Look zum Beispiel f├╝r die blaue Variante, aber nicht f├╝r die rote Variante. In diesem Fall w├Ąre es nicht sinnvoll, dass bei allen Varianten der gleiche Look angezeigt wird. Hierf├╝r gibt es allerdings auch eine Automatisierung. Mehr dazu finden Sie unter "Eigenschaften f├╝r automatische Looks".

3.1.2 Eigenschaften f├╝r automatische Looks

Diese Konfiguration ist nur aktiv, wenn Sie nicht die Vererbung aktiviert haben. Hier lassen sich Eigenschaften ausw├Ąhlen, f├╝r die Looks automatisch auf Varianten mit dem gleichen Wert in dieser Eigenschaft ├╝bernommen werden sollen. Dies ist zum Beispiel sinnvoll, wenn Ihre Produkte verschiedene Farben und verschiedene Gr├Â├čen haben. In diesem Fall w├╝rde es Sinn machen, in dieser Konfiguration die Eigenschaft "Farbe" auszuw├Ąhlen. Wenn dann zum Beispiel bei der Variante "Rot - XL" ein Look angelegt wird, wird dieser Look auch bei allen Varianten angelegt, die ebenfalls rot sind, also die den gleichen Wert in der Eigenschaft "Farbe" haben. Da die Farbe im Look eine Rolle spielen kann, ist das ein guter Weg, um ein Look automatisch f├╝r alle Gr├Â├čen einer Farbe anzulegen. Da die Gr├Â├če in der Regel in einem Look keine Rolle spielt, w├╝rde es hier keinen Sinn machen, die Eigenschaft "Gr├Â├če" auszuw├Ąhlen. Denn dann w├Ąre der Look auch auf alle anderen Farben mit der Gr├Â├če "XL" ├╝bernommen worden, was f├╝r den Look nicht viel Sinn macht.

Beachten Sie, dass die hier zur Auswahl stehenden Eigenschaften nicht von der App vorgegeben werden, sondern von Ihrem Shop. Also hier werden alle Eigenschaften angezeigt, die Sie unter "Kataloge -> Eigenschaften" angelegt haben.

Im Gegensatz zu der automatischen Vererbung (siehe oben) werden die mit dieser Logik ├╝bernommenen Looks auch in der Administration bei den entsprechenden Varianten angezeigt. Der Look kann allerdings nur bei der Variante bearbeitet werden, bei der er urspr├╝nglich angelegt wurde.

Wenn Sie sich nach einiger Zeit der App-Nutzung ├╝berlegen eine weitere Eigenschaft hinzuzuf├╝gen oder eine Eigenschaft zu entfernen, k├Ânnen Sie danach den Button "Looks auf Basis der aktuellen Auswahl neu zuweisen" bet├Ątigen. Zuvor automatisch ├╝bernommene Looks werden dann erst gel├Âscht und dann wird auf Basis der aktuell ausgew├Ąhlten Eigenschaften eine neue Zuordnung durchgef├╝hrt.

3.2 Shop the Look Element

Die Einstellungen f├╝r das Shop the Look Element k├Ânnen hier zun├Ąchst global gepflegt werden und danach aber auch individuell f├╝r Produkte angepasst werden.

3.2.1 Shop the Look auf Produkt-Seite aktivieren

Hier├╝ber k├Ânnen Sie global die Anzeige des "Shop the Looks" Elements auf Produktseiten mit nur einer Checkbox aktivieren oder deaktiveren.

3.2.2 Cover des aktuell besuchten Produkts neben dem Slider anzeigen

Hier├╝ber k├Ânnen Sie festlegen, ob im "Shop the Look" Element neben dem Look-Slider auch immer noch das Cover des aktuell besuchten Produkts angezeigt werden soll. Je nachdem, wo das Element platziert wird, empfiehlt es sich, diese Option zu aktivieren, damit man immer den gesamten Look im Blick hat.

3.2.3 ├ťberschrift

Hier k├Ânnen Sie optional eine ├ťberschrift definieren, die ├╝ber dem "Shop the Look" Element angezeigt wird. Beachten Sie, dass dieses Feld pro Sprache ausgef├╝llt werden muss/kann.

3.2.4 Position auf der Produkt-Seite

Hier k├Ânnen Sie die Position des "Shop the Look" Elements auf der Produktseite festlegen. Zur Auswahl stehen momentan "├ťber den Tabs" und "Unter den Tabs". Mit "Tabs" sind in dem Fall die Tabs auf der Produktseite gemeint, in denen sich z.B. die Beschreibung und die Bewertungen befinden.

3.2.5 Produkt-Box Layout

Hier k├Ânnen Sie festlegen, wie die Produkte eines Looks innerhalb des "Shop the Look" Elements angezeigt werden sollen. Folgende Optionen stehen zur Auswahl:

  • Nur Bild (Plugin): Hierbei handelt es sich um ein von der App zur Verf├╝gung gestelltes Layout, welches nur das Cover Bild der Produkte anzeigt.

  • Eigenes Layout: Hiermit kann ein eigenes Layout ausgew├Ąhlt werden. Sobald die Option ausgew├Ąhlt ist, erscheint ein neues Textfeld, in das man den Namen des eigenen Layouts eintragen kann. Das Template des eigenen Layouts muss dann entsprechend der original Templates (gleicher Pfad und Aufbau des Namens) in einem eigenen Theme oder einer App existieren. Wenn das Template zum Beispiel "storefront/product/card/box-image-with-button.html.twig" hei├čt, muss in das Textfeld f├╝r das eigene Layout "image-with-button" eingetragen werden. Tipp: Es k├Ânnen ebenfalls die Layouts "standard", "image" und "minimal" von Shopware verwendet werden. Diese wurden hier bewusst nicht als Option aufgenommen, da sie innerhalb des "Shop the Look" Elements nicht den Responsive-Anforderungen f├╝r Shopware Apps entsprachen. Wenn Sie die Layouts trotzdem verwenden m├Âchten, k├Ânnen Sie deren Namen in das Feld f├╝r das eigene Layout schreiben.

3.3 Shop the Look Seite

3.3.1 Shopseite f├╝r "Shop the Look" Seite

Hier k├Ânnen Sie die Erlebniswelt ausw├Ąhlen, die f├╝r die "Shop the Look" Seite verwendet werden soll. Hier steht nur die Standard Vorlage von der App zur Verf├╝gung, oder Ihre eigenen Vorlagen, die Sie von der Standard Vorlage dupliziert haben. Mehr zur Individualisierung der "Shop the Look" Seite finden Sie unten unter "Shop the Look Seite individualisieren".

3.4 Shop the Look Seite individualisieren

Auf die "Shop the Look" Seite kommt man im Shop, wenn man im "Shop the Look" Element auf den Button "Zum Look" geklickt hat. Auf dieser Seite werden nochmal alle Produkte des Looks aufgelistet. Sie k├Ânnen diese Seite individuell gestalten. Gehen Sie daf├╝r in der Administration auf "Inhalte -> Erlebniswelten". In der Kategorie "Shopseiten" finden Sie das Layout "Standard "Shop the Look" Seite". Dieses Layout k├Ânnen Sie nicht direkt bearbeiten. Klicken Sie bei dem Layout auf das kleine Men├╝-Icon und duplizieren Sie das Layout. Klicken Sie nun auf das duplizierte Layout. Klicken Sie zuerst auf das Zahnrad-Icon und w├Ąhlen Sie einen anderen Layout-Namen und speichern Sie dann das Layout. Jetzt k├Ânnen Sie zum Beispiel das Text-Element bearbeiten oder andere Elemente an anderen Stellen platzieren. Beachten Sie, dass sich der Block "Shop the Look Product listing" nicht l├Âschen l├Ąsst. Dieser sorgt f├╝r die Ausgabe der Produkte des Looks. Sie k├Ânnen allerdings die Einstellungen des Blocks ├Âffnen und z.B. den Layout-Typ f├╝r die Produkt-Boxen anpassen. Nachdem Sie Ihr Layout individuell gestaltet haben, m├╝ssen Sie dieses in den Grundeinstellungen ausw├Ąhlen. Gehen Sie daf├╝r wieder auf "Einstellungen -> Plugins / Erweiterungen -> STL - Konfiguration". Im Feld "Shopseite f├╝r "Shop the Look" Seite" steht Ihr Layout jetzt zur Verf├╝gung.

3.5 Hinweis zu inaktiven und ausverkauften Produkten in Looks

Im "Shop the Look" Element auf der Produkt-Seite und auf der Look-Seite werden keine inaktiven Produkte angezeigt. Bei ausverkauften Produkten h├Ąngt das von Ihren Shop-Einstellungen ab. In der Administration k├Ânnen Sie unter "Einstellungen -> Shop -> Produkte" bestimmen, ob Produkte ohne Bestand ausgeblendet werden sollen. Nach dieser Einstellung richtet sich auch diese App. Wenn die Einstellung aktiv ist, werden keine ausverkauften Produkte in Looks angezeigt.

Sollte es dazu kommen, dass ein Look gar kein g├╝ltiges Produkt mehr anzeigen kann, dann wird der gesamte Look ausgeblendet.