CMS Factory für Shopware-6-Erlebniswelten
Eingabefelder
CMS-Factory Elemente können aus vielen verschiedenen Eingabefeldern zusammen gesetzt werden. Bei einigen Feldern (Media, Kategorie, Produkt) kann zudem definiert werden, welche assoziierten Informationen aus der Datenbank abgerufen werden sollen.
Wiederholung der im repeater enthaltenen Sub-Elemente. Ein Wiederholungs-Element kann alle hier genannten Elemente enthalten, auch weitere Wiederholungen.
Twig Beispiel
{# Repeater mit einem Textfeld #}
{% if data.rep_1 is defined and data.rep_1 is iterable %}
<div class="row">
{% for sub0 in data.rep_1 %}
<div class="col">
{# Text #}
{% if sub0.text_1 is defined %}
<p>{{ sub0.text_1 }}</p>
{% endif %}
</div>
{% endfor %}
</div>
{% endif %}
Optionen
-
Bezeichnung
Label des Repeater-Blocks in der Erlebniswelt.
-
Feldname
Name des Feldes im Twig-Template. Der Feldname muss mit 'rep' beginnen.
Einfaches Textfeld
Twig Beispiel
{# Text #}
{% if data.text_1 is defined %}
<p>{{ data.text_1 }}</p>
{% endif %}
Optionen
-
Bezeichnung
Label des Feldes im Backend
-
Default-Wert
Vorgabe-Wert
-
Maximale Länge
Limitieren der Textlänge auf eine bestimte Anzahl Zeichen
Mehrzeiliger Text
Twig Beispiel
{# Multiline Text #}
{% if data.text_2 is defined %}
<div>{{ data.text_2|nl2br }}</div>
{% endif %}
Optionen
-
Bezeichnung
Label des Feldes in der Erlebniswelt
-
Feldname
Name des Feldes im Twig-Template. Muss mit 'text' beginnen.
-
-
Maximale Länge
Limitieren der Textlänge auf eine bestimte Anzahl Zeichen
Wysiwyg-Editor
Twig Beispiel
{# HTML #}
{% if data.text_3 is defined %}
{{ data.text_3|raw }}
{% endif %}
Optionen
-
Bezeichnung
Label des Feldes in der Erlebniswelt
-
Feldname
Name des Feldes im Twig-Template. Muss mit 'text' beginnen.
-
Auswahl von Werten
Twig Beispiel
{# Auswahl #}
{% if data.choice_layout is defined %}
<p>{{ data.choice_layout }}</p>
{% endif %}
Optionen
-
Bezeichnung
Label des Feldes in der Erlebniswelt
-
Feldname
Name des Feldes im Twig-Template. Muss mit 'choice' beginnen.
-
Wahlmöglichkeiten
Eingabe der Werte als Json-Array (["eins", "zwei"]) oder Json-Objekt ({"eins": "Erste Wahl", "zwei": "Zweite Wahl"})
-
Default-Wert
Vorausgewählter Wert, muss einem Wert in den Wahlmöglichkeiten entsprechen.
Wahr/Falsch-Auswahl
Twig Beispiel
{% if data.bool_active is defined %}
{% if true == data.bool_active %}
<p>TRUE</p>
{% else %}
<p>FALSE</p>
{% endif %}
{% endif %}
Optionen
-
Bezeichnung
Label des Eingabefeldes in der Erlebniswelt
-
Feldname
Name des Feldes im Twig-Template. Der Feldname muss mit 'bool' beginnen.
-
Default-Wert
Auswahl ob die Checkbox per default ausgewählt sein soll oder nicht.
Farbauswahl
Twig Beispiel
{# Color #}
{% if data.color_bg is defined and data.color_bg is not null %}
<p style="color: {{ data.color_bg }};">Color: {{ data.color_bg }}</p>
{% endif %}
Optionen
-
Bezeichnung
Label des Farbselektors in der Erlebniswelt,
-
Feldname
Name des Feldes im Twig-Template. Der Name muss mit 'color' beginnen.
Auswahl eines Mediums (Bild, PDF, etc).
Twig Beispiel
{# Ausgabe des Bildes #}
{% if data.med_1 is defined and data.med_1 is not null %}
{% sw_thumbnails 'thumbnails' with {
media: data.med_1
} %}
{% endif %}
Optionen
-
Bezeichnung
Label des Feldes in der Erlebniswelt
-
Feldname
Name des Feldes im Twig-Template. Der Feldname muss mit 'med' beginnen.
Associations
-
Zusatzfelder
Lädt die beim Medium definierten Zusatzfelder.
Auswahl und Sortierung mehrerer Medien
Twig Beispiel
{# Gallery #}
{% if data.gallery_20 is defined and data.gallery_20 is iterable %}
{% for med in data.gallery_20 %}
{% if med is defined and med is not null %}
{% sw_thumbnails 'thumbnails' with {
media: med
} %}
{% endif %}
{% endfor %}
{% endif %}
Optionen
-
Beschreibung
Label des Feldes in der Erlebniswelt
-
Feldname
Name des Feldes im Twig-Template. Der Feldname muss mit 'gallery' beginnen.
Associations
-
Zusatzfelder
Lädt die beim Medium definierten Zusatzfelder.
Auswahl einer Kategorie
Twig Beispiel
{# Category link #}
{% if data.cat is defined and data.cat is not null %}
<p><a href="{{ seoUrl('frontend.navigation.page', { navigationId:data.cat.getId()}) }}">
{{ data.cat.translated.name }}
</a></p>
{% endif %}
Optionen
-
Bezeichnung
Label der Kategorieauswahl in der Erlebniswelt
-
Feldname
Name des Feldes im Twig-Template. Der Feldname muss mit 'cat' beginnen.
-
Tiefe Unterkategorien (Ab Version 1.2.4)
Anzahl Unterkategorie-Levels, die geladen werden (Minimum: 1). Nur sichtbar wenn Association 'Unterkategorien' selektiert ist.
Associations
-
Bilder
Lädt der Kategorie zugewiesene Bilder.
-
Zusatzfelder
Lädt der Kategorie zugewiesene Zusatzfelder.
-
Unterkategorien
Lädt die zugewiesenen Unterkategorien
-
Unterkategorien - Bilder
Lädt auch die Bilder der Unterkategorien.
-
Unterkategorien - Zusatzfelder
Lädt auch die Zusatzfelder der Unterkategorien.
-
Produkte
Lädt die Produkte der Kategorie. Beachte: Je nach Verkaufskanal kann die Liste der Produkte variieren, denn Produkte werden Verkaufskanälen explizit zugewiesen.
-
Produkte - Hauptbild
Lädt das Hauptild zu jedem Produkt.
-
Produkte - Zusatzfelder
Lädt auch die Zusatzfelder der Produkte.
-
Produktvarianten
Lädt auch die Varianten der Produkte.
-
Produktvarianten - Hauptbild
Lädt auch die Hauptbilder der Varianten.
-
Produktvarianten - Bilder
Lädt alle Bilder die den Varianten zugeordnet sind.
-
Produktvarianten - Zusatzfelder
Lädt auch die Zusatzfelder der Varianten.
Auswahl eines Produktes. Beachte: Ob ein Produkt geladen werden kann oder nicht hängt vom Verkaufskanal ab, weil Produkte explizit den Verkaufskanälen zugewiesen werden.
Twig Beispiel
{# Product link #}
{% if data.prod_1 is defined and data.prod_1 is not null %}
<p><a href="{{ seoUrl('frontend.detail.page', { productId:data.prod_1.getId()}) }}">
{{ data.prod_1.translated.name }}
</a></p>
{% endif %}
Optionen
-
Bezeichnung
Lable des Auswahlfeldes in der Erlebniswelt.
-
Feldname
Name des Feldes im Twig-Template. Der Feldname muss mit 'prod' beginnen.
Associations
-
Hauptbild
Lädt das Hauptbild zum Produkt.
Twig Beispiel
{# Product Cover Image #}
{% if data.prod_1.cover.media is defined and data.prod_1.cover.media is not null %}
{% sw_thumbnails 'thumbnails' with {media: data.prod_1.cover.media } %}
{% endif %}
-
Bilder
Lädt alle dem Produkt zugeordneten Bilder.
Twig Beispiel
{# Product Media #}
{% if data.prod_1.media is defined and data.prod_1.media is iterable %}
{% for el in data.prod_1.media %}
{% sw_thumbnails 'thumbnails' with {media: el.media} %}
{% endfor %}
{% endif %}
-
Zusatzfelder
Lädt dem Produkt zugewiesene Zusatzfelder.
-
Prodktvarianten
Lädt auch die Varianten des Produktes.
-
Produktvarianten - Hauptbild
Lädt zu jeder Variante das zugehörige Hauptbild.
-
Produktvarianten - Bilder
Lädt zu jeder Variante alle zugewiesenen Bilder
-
Produktvarianten - Zusatzfelder
Lädt auch die Zusatzfelder der Produktvarianten.
-
Cross-Selling-Produkte
Lädt die dem gewählten Produkt zugewiesenen Cross-Selling-Produkte.
-
Cross-Selling-Produkte - Hauptbild
Lädt zu jedem Cross-Selling-Produkt auch das Hauptbild.
-
Cross-Selling-Produkte - Bilder
Lädt zu jedem Cross-Selling-Produkt alle zugewiesenen Bilder.
-
Cross-Selling-Produkten - Zusatzfelder
Lädt Zusatzfelder zu jedem Cross-Selling-Produkt.