Bestellabschluss - AGB gelesen Pftlichtfeld, keine Error-Meldung vorhanden

Fragen und Antworten zu den Templates und eigener Template-Erstellung
Antworten
mazzelein
Beiträge: 30
Registriert: 3. Feb 2015, 20:07

Bestellabschluss - AGB gelesen Pftlichtfeld, keine Error-Meldung vorhanden

Beitrag von mazzelein »

Hallo zusammen,

wir haben einen Shop mittels Merconis und Contao 4 erstellt.
Es funktioniert auch soweit alles wunderbar. Doch eine Sache hängt...

Wir haben im Backend unter dem Formulargenerator beim Formular mit dem Namen "MERCONIS: Bestellbestätigung (Standardkunden) | Order confirmation (standard customers)" Checkboxen hinzugefügt, die eine aktive Zustimmung des Users vor Bestellabschluss bedarf. Also dass die AGB, Widerrufsbelehrung und Datenschutzbestimmungen gelesen und akzeptiert wurden. In diesem Formular befindet sich auch der "KAUFEN" Button. Das war so seitens Merconis direkt eingestellt.

Nun ist es aber so, dass beim Nicht-auswählen der Checkboxen und beim Klick auf den Button KEINE Error-Meldung kommt. Der Kauf wird nicht abgeschlossen (das ist auch richtig so), doch der User weiß nicht, woran es liegt. Wie bekommen wir hier an der Stelle die Felder, die nicht ausgewählt wurden, rot markiert? Die Checkboxen bekommen auch keine Klasse "error" zugewiesen, nach betätigen des Buttons.

Ein Bild zur Veranschaulichung anbei.

Vielen Dank vorab.


Liebe Grüße

Martina
Dateianhänge
AGB_Fehlermeldung.jpg
AGB_Fehlermeldung.jpg (78.33 KiB) 20108 mal betrachtet
Benutzeravatar
supportteam2
Beiträge: 427
Registriert: 4. Mär 2015, 14:05

Re: Bestellabschluss - AGB gelesen Pftlichtfeld, keine Error-Meldung vorhanden

Beitrag von supportteam2 »

Hallo,

das liegt daran, dass hier fälschlicherweise ein Style auf diese Checkboxes angewandt wird, der diese optisch schöner darstellen soll, dabei allerdings die Darstellung der HTML5-Validierungsmeldung verhindert. Dieser Style sollte eigentlich nur auf die Checkboxes des Produktfilters angewandt werden, weil die Validierungsmeldungen dort keine Rolle spielen.

Bitte schauen Sie mal in die Datei "files/merconisfiles/themes/theme8/css/surroundingConditions.css". Dort sollten Sie einen Abschnitt finden, der in Kommentare mit dem Titel "MODERN CHECKBOXES" eingefasst ist. Bitte überschreiben Sie die Styles in diesem Abschnitt durch nachfolgenden Code. Sollten Sie diesen Abschnitt in der genannten Datei nicht finden, prüfen Sie bitte auch die anderen Stylesheet-Dateien. Unter Umständen könnte der Abschnitt bei Ihnen auch an anderer Stelle vorkommen.

Code: Alles auswählen

/*########## MODERN CHECKBOXES ########## ->*/
/* remove standard-styles */
.filterContent input[type='checkbox'],
.filterContent input[type='radio'] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:none;
    border-radius:0;
    font-size:1em;
    width:100%
}

/* graceful degradation for ie8 */
.filterContent input[type='checkbox'],
.filterContent input[type='radio'] {
    width:auto;
    float:left;
    margin-right:.75em;
    background:transparent;
    border:none;
}

.filterContent input[type='checkbox']:checked,
.filterContent input[type='checkbox']:not(:checked),
.filterContent input[type='radio']:checked,
.filterContent input[type='radio']:not(:checked) {
    background:transparent;
    position:relative;
    opacity:0;
    margin:0;
    padding:0;
}

.filterContent input[type='checkbox'] + label,
.filterContent input[type='radio'] + label {
    cursor:pointer;
}


.filterContent input[type='checkbox']:checked + label::before,
.filterContent input[type='checkbox']:not(:checked) + label::before,
.filterContent input[type='radio']:checked + label::before,
.filterContent input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width:17px;
    height:17px;
    position:relative;
    top:4px;
    border:1px solid #bbb;
    background:#FFFFFF;
    margin-right:5px;
    box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.1);
}

.filterContent input[type=radio]:checked + label::before,
.filterContent input[type=radio]:not(:checked) + label::before {
    border-radius:30px;
}

.filterContent input[type='checkbox']:hover  + label::before,
.filterContent input[type='radio']:hover  + label::before {
    background:#ddd;
    box-shadow:inset 0 0 0 2px #FFFFFF;
}

.filterContent input[type='checkbox']:checked  + label::before,
.filterContent input[type='radio']:checked  + label::before {
    background:black;
    box-shadow:inset 0 0 0 2px #FFFFFF;
}
/*########## MODERN CHECKBOXES ########## <-*/
Antworten

Zurück zu „Templates“