English Demoshop Store

Alle Elementtypen

Dreiunddreißig Typen in drei Arten. Die Spalte "Angaben" nennt, was der Editor am Element anbietet, die Spalte "Optionen" das, was unter "Optionen" dazukommt.

Eingabeelemente 23

Nur diese werden geprüft und gespeichert.

dein-shop.de/admin
FormulareAbbrechenSpeichern
FormularStrukturElement
Formular Element
AllgemeinOptionenBedingungen
Eingabe
2
120

AbbrechenSpeichern

  • Einzeiliger Text (text) text

    WofürEin einzeiliges Eingabefeld für kurze Texte. Zeichenlimits und eine optionale Vorauswahl können unter "Optionen" gepflegt werden.

    AngabenBeschriftung, Pflichtfeld, Platzhalter, Vorauswahl

    OptionenminLength maxLength

  • Mehrzeiliger Text (textarea) textarea

    WofürEin mehrzeiliges Eingabefeld für längere Texte. Sichtbare Höhe, Zeichenlimits und eine optionale Vorauswahl können unter "Optionen" gepflegt werden.

    AngabenBeschriftung, Pflichtfeld, Platzhalter, Vorauswahl

    Optionenrows minLength maxLength

  • Dropdown Menü (select) select

    WofürEin Dropdown mit frei definierbaren Optionen. Optionen und eine optionale Standardauswahl werden unter "Optionen" gepflegt.

    AngabenBeschriftung, Pflichtfeld, Platzhalter, Optionsliste

    Optionen—

  • Ankreuzfeld (checkbox) checkbox

    WofürEin einzelnes Ankreuzfeld für Ja/Nein-Angaben. Eine optionale Vorauswahl kann unter "Optionen" gepflegt werden.

    AngabenBeschriftung, Pflichtfeld

    OptionendefaultChecked

  • Datum (date) date

    WofürEin Datumsfeld auf Basis des Browser-Standards. Optionaler Datumsbereich und Vorauswahl werden unter "Optionen" gepflegt.

    AngabenBeschriftung, Pflichtfeld, Platzhalter, Vorauswahl

    OptionenminDate maxDate

  • Uhrzeit (time) time

    WofürEin Uhrzeitfeld auf Basis des Browser-Standards. Optionaler Zeitbereich und Schrittweite werden unter "Optionen" gepflegt.

    AngabenBeschriftung, Pflichtfeld, Platzhalter, Vorauswahl

    OptionenminTime maxTime step

  • Datum + Uhrzeit (datetime-local) datetime-local

    WofürEin Feld für Datum und Uhrzeit auf Basis des Browser-Standards. Ein optionaler Zeitraum wird unter "Optionen" gepflegt.

    AngabenBeschriftung, Pflichtfeld, Platzhalter, Vorauswahl

    OptionenminDateTime maxDateTime

  • Zahl (number) number

    WofürEin Zahlenfeld. Minimum, Maximum, Schrittweite und eine optionale Vorauswahl können unter "Optionen" gepflegt werden.

    AngabenBeschriftung, Pflichtfeld, Platzhalter, Vorauswahl

    Optionenmin max step

  • Schieberegler (range) range

    WofürEin Schieberegler für Zahlenwerte. Minimum, Maximum, Schrittweite und Standardwert werden unter "Optionen" gepflegt.

    AngabenBeschriftung, Pflichtfeld, Vorauswahl

    Optionenmin max step defaultValue

  • Telefonnummer (tel) phone

    WofürEin Eingabefeld für Telefonnummern. Zeichenlimits und eine optionale Vorauswahl können unter "Optionen" gepflegt werden.

    AngabenBeschriftung, Pflichtfeld, Platzhalter, Vorauswahl

    OptionenminLength maxLength

  • Farbauswahl (color) color

    WofürEine Farbauswahl auf Basis des Browser-Standards. Eine optionale Standardfarbe wird unter "Optionen" gepflegt.

    AngabenBeschriftung, Pflichtfeld, Vorauswahl

    OptionendefaultValue

  • URL (url) url

    WofürEin Eingabefeld für URLs. Zeichenlimits und eine optionale Vorauswahl können unter "Optionen" gepflegt werden.

    AngabenBeschriftung, Pflichtfeld, Platzhalter, Vorauswahl

    OptionenminLength maxLength

  • E-Mail-Adresse (email) email

    WofürEin Eingabefeld für eine einzelne E-Mail-Adresse. Zeichenlimits und eine optionale Vorauswahl können unter "Optionen" gepflegt werden.

    AngabenBeschriftung, Pflichtfeld, Platzhalter, Vorauswahl

    OptionenminLength maxLength

  • Einzelauswahl (radio) radio

    WofürEine Einzelauswahl mit mehreren sichtbaren Optionen. Optionen und eine optionale Standardauswahl werden unter "Optionen" gepflegt.

    AngabenBeschriftung, Pflichtfeld, Optionsliste

    Optionen—

  • Mehrfachauswahl (checkboxes) checkbox-group

    WofürEine Mehrfachauswahl mit mehreren sichtbaren Optionen. Optionen, Standardauswahlen und Auswahl-Limits werden unter "Optionen" gepflegt.

    AngabenBeschriftung, Pflichtfeld, Optionsliste

    OptionenminSelections maxSelections

  • Bild Upload (file) image

    WofürEin Upload-Feld für Bilder. Erlaubte Dateiendungen und maximale Dateigröße können unter "Optionen" eingeschränkt werden.

    AngabenBeschriftung, Pflichtfeld

    OptionenallowedExtensions maxFileSize

  • Datei Upload (file) file

    WofürEin Upload-Feld für Dateien. Die Datei wird in den Medien gespeichert; erlaubte Endungen und maximale Dateigröße können unter "Optionen" eingeschränkt werden.

    AngabenBeschriftung, Pflichtfeld

    OptionenallowedExtensions maxFileSize

  • Verstecktes Feld (hidden) hidden

    WofürEin verstecktes Feld, das in der Storefront nicht sichtbar ist. Der mitgesendete Wert wird unter "Optionen" gepflegt.

    AngabenBeschriftung

    Optionenvalue

  • Land-Auswahl country

    WofürEine Länderauswahl auf Basis der im Verkaufskanal verfügbaren Shopware-Länder.

    AngabenBeschriftung, Pflichtfeld, Platzhalter

    Optionen—

  • Zustimmung / Einwilligung consent

    WofürEin Ankreuzfeld für Zustimmungen, z. B. Datenschutz, AGB oder Einwilligungen. Fachlich klarer als eine normale Checkbox benannt.

    AngabenBeschriftung, Pflichtfeld

    Optionen—

  • Anrede salutation

    WofürDie Shopware-Anredeauswahl als Dropdown.

    Angaben—

    Optionen—

  • Vorname + Nachname firstname-lastname

    WofürZwei Shopware-Standardfelder für Vorname und Nachname, nebeneinander dargestellt.

    AngabenPflichtfeld

    Optionen—

  • E-Mail-Adresse + Telefonnummer email-phone

    WofürZwei Shopware-Standardfelder für E-Mail-Adresse und Telefonnummer, nebeneinander dargestellt.

    AngabenPflichtfeld

    Optionen—

Inhaltselemente 8

Sie geben aus und fragen nichts ab.

dein-shop.de/admin
FormulareAbbrechenSpeichern
FormularStrukturElement
Formular Element
AllgemeinOptionenBedingungen
Bei hoher Dringlichkeit empfehlen wir zusätzlich eine Telefonnummer anzugeben.

AbbrechenSpeichern

  • Überschrift title

    WofürEine Überschrift zur Strukturierung des Formulars. Der sichtbare Text wird über die Beschriftung gepflegt.

    AngabenBeschriftung

    Optionen—

  • Vertikale Linie separator

    WofürEine Trennlinie zur optischen Gliederung des Formulars. Es sind keine weiteren Angaben nötig.

    Angaben—

    Optionen—

  • Zeilenumbruch line-break

    WofürEin Zeilenumbruch zur optischen Gliederung des Formulars. Es sind keine weiteren Angaben nötig.

    Angaben—

    Optionen—

  • Freitext content

    WofürEin frei definierbarer Textbereich mit HTML-Unterstützung. Der sichtbare Inhalt wird unter "Optionen" gepflegt.

    AngabenInhalt

    Optionen—

  • Erfolgs-Meldung (grün) alert-success

    WofürEine grüne Erfolgsmeldung im Shopware-Stil. Der sichtbare Text wird unter "Optionen" gepflegt.

    AngabenInhalt

    Optionen—

  • Hinweis-Meldung (blau) alert-info

    WofürEine blaue Hinweismeldung im Shopware-Stil. Der sichtbare Text wird unter "Optionen" gepflegt.

    AngabenInhalt

    Optionen—

  • Warnungs-Meldung (gelb) alert-warning

    WofürEine gelbe Warnmeldung im Shopware-Stil. Der sichtbare Text wird unter "Optionen" gepflegt.

    AngabenInhalt

    Optionen—

  • Fehler-Meldung (rot) alert-danger

    WofürEine rote Fehlermeldung im Shopware-Stil. Der sichtbare Text wird unter "Optionen" gepflegt.

    AngabenInhalt

    Optionen—

Strukturelemente 2

Sie ordnen, sie nehmen nichts entgegen.

dein-shop.de/admin
FormulareAbbrechenSpeichern
FormularStrukturElement
Elemente
#NameTypBreite
1ProduktberatungGruppe--
1.1Kundentyp-ZeileZeile--
1.1.1KundentypDropdown Menü (select)1/2
1.1.2BeratungsthemaEinzelauswahl (radio)1/2
1.2Firmendaten-ZeileZeile--
1.2.1FirmaEinzeiliger Text (text)1/2
1.2.2USt-IDEinzeiliger Text (text)1/2
1.3Projekt-ZeileZeile--
1.3.1MengeZahl (number)1/3
1.3.2DringlichkeitSchieberegler (range)1/3
1.3.3WunschdatumDatum (date)1/3
1.4EilhinweisWarnungs-Meldung (gelb)1/1 - ganze Zeile

Element auf oberster Ebene anlegen

  • Gruppe group

    WofürEin Abschnitt für zusammengehörige Formularbereiche. Gruppen strukturieren große Formulare und können Zeilen sowie Felder enthalten.

    AngabenBeschriftung

    Optionen—

  • Zeile row

    WofürEine Layout-Zeile. Felder innerhalb der Zeile können mit Breiten wie 1/2, 1/3 oder 1/4 nebeneinander dargestellt werden.

    Angaben—

    Optionen—

Was aus den Optionen wird

Im Quelltext der Storefront-Templates nachgelesen.

dein-shop.de/admin
FormulareAbbrechenSpeichern
FormularStrukturElement
Formular Element
AllgemeinOptionenBedingungen
Validierung
1
100
1

AbbrechenSpeichern

  • minLength / maxLength

    Im Formularminlength maxlength

    Wer prüftBrowser und Server

  • min / max / step

    Im Formularmin max step

    Wer prüftBrowser und Server

  • rows

    Im Formularrows

    Wer prüftnur Darstellung

  • minDate / maxDate

    Im Formularmin max

    Wer prüftBrowser und Server

  • minTime / maxTime

    Im Formularmin max

    Wer prüftBrowser und Server

  • minDateTime / maxDateTime

    Im Formularmin max

    Wer prüftBrowser und Server

  • allowedExtensions

    Im Formularaccept

    Wer prüftBrowser und Server

  • maxFileSize

    Im Formulardata-max-file-size

    Wer prüftnur der Server

  • minSelections / maxSelections

    Im Formular—

    Wer prüftnur der Server

  • defaultValue / defaultChecked

    Im Formularvalue bzw. checked

    Wer prüftkeine Prüfung, nur Vorbelegung

  • value

    Im Formularvalue am versteckten Feld

    Wer prüftnur der Server

Uploads im Einzelnen

Drei Grenzen liegen übereinander, und die äußerste ist keine des Plugins.

dein-shop.de/admin
FormulareAbbrechenSpeichern
FormularStrukturElement
Formular Element
AllgemeinOptionenBedingungen
Upload
pdf,jpg,png
8

AbbrechenSpeichern

  1. 01Der Shop

    Ganz außen steht die Liste erlaubter Dateiendungen von Shopware selbst. Was dort fehlt, geht nirgends durch.

  2. 02Das Feld

    Die Option am Feld grenzt weiter ein. Ohne Angabe gilt eine lange Standardliste, nicht "alles".

  3. 03Beim Bild-Upload

    Zusätzlich nur jpg, jpeg, png, gif, webp und avif - und die Datei muss wirklich ein Bild sein, nicht nur so heißen.

  4. 04Die Größe

    Die Obergrenze steht in Megabyte und wird auf dem Server geprüft. Im Formular steht sie nur als Datenattribut - der Browser hält sie nicht von sich aus ein.

Die hochgeladene Datei liegt danach im Medien-Manager, in dem Ordner, der in der Konfiguration steht. In der Einsendung steht der Verweis darauf, nicht die Datei.

Die Kapitel

Bedingungen

Die 12 Operatoren und was sie vergleichen.

Einbindung

Ausgabepunkte, Zuordnungen, Rangfolge.