CMS Factory für Shopware-6-Erlebniswelten
Home Installation und Anwendung Referenz Tipps&Tricks

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

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.

Text

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

Textarea

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.
  • Default-Wert
    Vorgabewert
  • Maximale Länge
    Limitieren der Textlänge auf eine bestimte Anzahl Zeichen

HTML-Texteditor

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.
  • Default-Wert
    Vorgabewert

Auswahl

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.

Checkbox

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.

Farbe

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.

Media

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.

Galerie

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.

Kategorie

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.

Produkt

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.

Fehler in der Doku gefunden? Bitte per E-Mail melden.