Reihenfolge in Zusammenfassung

Fragen und Antworten zu Bestellungen
Antworten
liblu
Beiträge: 21
Registriert: 9. Sep 2015, 04:58

Reihenfolge in Zusammenfassung

Beitrag von liblu »

Hallo,

ich muss in der "Zusammenfassung&Abschluss" die Reihenfolge ändern, damit der Shop abmahnsicher zertifiziert werden kann.
Erst ein einleitender Text, dann die Widerrufsbelehrung, die AGB, dann die Produkt- und Zahlungsdetails, dann den Button zum Bestellen.
Wie kann ich das realisieren?

Danke!
Benutzeravatar
supportteam2
Beiträge: 427
Registriert: 4. Mär 2015, 14:05

Re: Reihenfolge in Zusammenfassung

Beitrag von supportteam2 »

Hallo,

es gibt einen ganz einfachen Weg, um das zu realisieren.

1. Zunächst verschieben Sie die Ausgabe des Checkout-Formulars im Template nach oben

Code: Alles auswählen

<div class="reviewCheckoutData">
                <!-- NEUE POSITION ANFANG -->
                <?php // ########## CONFIRM ORDER BUTTON ##########?>
                <div class="borderless confirmOrder formConfirmOrder form">
                               <a id="formConfirmOrder"></a>
                               <?php echo $this->arrRequiredCheckoutData['formConfirmOrder']; ?>
                </div>
                <!-- NEUE POSITION ENDE -->

                <!--
                Ausgabe der Produktübersicht, Kalkulation, Zahlungs- und Versandinformationen bleibt hier unverändert stehen
                -->

                <!-- ALTE POSITION -->
</div>
Nun sind AGB und Widerrufsbelehrung oben, so wie Sie es brauchen. Der "Kaufen"-Button muss nun aber wieder nach unten, was sich leicht mit CSS realisieren lässt.

2. Tragen Sie folgende CSS-Anweisungen in Ihr Stylesheet ein

Code: Alles auswählen

.reviewCheckoutData {
    padding-bottom: 50px;
    position: relative;
}

.submit_container.buttonBuy {
    bottom: 0;
    position: absolute;
}
Die erste Anweisung sorgt dafür, dass das Element, das den ganzen Inhalt der Checkout-Ausgabe umspannt, als Bezugspunkt für eine absolute Positionierung verwendet werden kann. Außerdem wird unten ein 50px-Abstand geschaffen, in dem der "Kaufen"-Button Platz finden wird.

Die zweite Anweisung positioniert den "Kaufen"-Button, bzw. das ihn direkt umgebende Element, absolut und zwar so, dass es ganz am Ende der Seite steht.

Natürlich können Sie auf Basis der hier genannten Lösung die exakte Positionierung usw. anpassen, wenn Sie dies aus gestalterischen Gründen wünschen.
liblu
Beiträge: 21
Registriert: 9. Sep 2015, 04:58

Re: Reihenfolge in Zusammenfassung

Beitrag von liblu »

super, funktioniert!

Danke für die schnelle Hilfe!
Antworten

Zurück zu „Bestellungen / Orders“