Seite 1 von 1

Reihenfolge in Zusammenfassung

Verfasst: 20. Nov 2015, 08:54
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!

Re: Reihenfolge in Zusammenfassung

Verfasst: 20. Nov 2015, 11:30
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.

Re: Reihenfolge in Zusammenfassung

Verfasst: 21. Nov 2015, 02:30
von liblu
super, funktioniert!

Danke für die schnelle Hilfe!