Merge branch '38745-manual-adjustments' into '4.0'

38745 - Add store images & new manual infos

See merge request !3

manual/docs/de/configuration/README.md

 # Konfiguration
 
-Nach der Installation muss einfach in den Eigenschaften, die im Frontend ausgegeben werden sollen, die Einstellung 
-**"Eigenschaft im Produktlisting bereitstellen"** aktiviert werden. 
+Nach der Installation muss einfach in den Eigenschaften, die im Frontend ausgegeben werden sollen, die Einstellung
+**"Eigenschaft im Produktlisting bereitstellen"** aktiviert werden.
 
 ::: warning Hinweis 
 Um diese im Frontend auszugeben wird ein eigenes Theme-Plugin benötigt.
 :::
+
+**Beispiel**
+
+Du möchtest die dir im Listing die Eigenschaft "Breite" ausgeben lassen. Dazu setzt du unter
+"Kataloge" > "Eigenschaften" > "Breite" den Punkt **"Eigenschaft im Produktlisting bereitstellen"** aktiv.
+
+![Eigenschaft im Produktlisting bereitstellen](./admin-eigenschaft-im-produktlisting.png)
+
+Suche nun die passende Stelle in deinem Theme, in der du die Breite des Produktes ausgeben möchtest. Wir erweitern das 
+**"box-standard.html.twig"** Template (storefront/component/product/card/box-standard.html.twig) und geben uns dort 
+zunächst einen Dump auf "**product.properties.elements**" aus:
+
+```twig
+{{ dump(product.properties.elements) }}
+```
+
+![Eigenschaft im Listing](../../share/dump-properties-in-listing.png)
+
+Nun muss nur noch die gewünschte Struktur aufgebaut werden.

manual/docs/en/configuration/README.md

@@ -6,3 +6,22 @@ are to be output in the frontend.
 ::: warning Hint
 To display these in the frontend, a separate theme plugin is required.
 :::
+
+**Example**
+
+You want to display the property "Width" in the listing. To do this, set **"Provide property in product listing"** 
+under "Catalogues" > "Properties" > "Width" active.
+
+![Provide property in product listing](./admin-properties-in-listing.png)
+
+Now find the appropriate place in your theme where you want to display the width of the product. We extend the 
+**"box-standard.html.twig "** template (storefront/component/product/card/box-standard.html.twig) and output a 
+dump to "**product.properties.elements**":
+
+```twig
+{{ dump(product.properties.elements) }}
+```
+
+![Properties on listing](../../share/dump-properties-in-listing.png)
+
+Now all that remains is to build the desired structure.