Commit 0319ab85 authored by Miriam Hoffmann's avatar Miriam Hoffmann 🦊
Browse files

Update images and add some new content

parent 1e84fdc2
# 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.
......@@ -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.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment