JavaScript HTML Form & gleichzeitige Scriptausführung

[PvcZ]

Hallo an Alle,

ich baue gerade einen einen kleinen Webshop und kopierte dazu folgende Eigenbaulösung:
https://github.com/jhvanderschee/jekyllcodex
Das ist der Sourcecode einer Website, welche mithilfe von Jekyll & Javascript eine Shop Lösung implementiert hat.
Hier eine Kurzbeschreibung:

Der Webshop funktioniert im Wesentlichen so: Sie erstellen einen Link mit einer "addtocart" -Klasse, die auf den Warenkorb verweist. Dieser Link sucht nach den Attributen "Bild", "Preis" und "Beschreibung" und fügt das Produkt dem Warenkorb-Cookie hinzu. Wenn Sie im Warenkorb auf "Kasse" klicken, gelangen Sie zu einem Kassenformular. Wenn Sie auf den nächsten Schritt im Zahlungsvorgang klicken, gelangen Sie zu einem Zahlungslink von Plink (Mollie). Vor dem Senden des Benutzers an den Zahlungslink werden die Warenkorbinformationen per E-Mail übermittelt. Gleichzeitig wird eine Ordnungszahl mit einem Zeitstempel in Millisekunden generiert. Diese Bestellnummer wird der E-Mail und der Zahlung hinzugefügt. Nach erfolgreicher Zahlung wird der Benutzer auf Ihre Websites weitergeleitet (von Plink).

Ich krieg es nun nicht gebacken den Code so zu ändern das das Checkout Html Form (https://github.com/jhvanderschee/jekyllcodex/blob/gh-pages/_layouts/checkout.html) das ausgefüllte Formular mir per Mail sendet und mich dann zum Payment Link weiterleitet (zu sehen im Footer (https://github.com/jhvanderschee/jekyllcodex/blob/gh-pages/_includes/footer.html)

Kann mir hierbei jemand weiterhelfen oder einen Hinweis geben wie ich hier weiterkomme?

 

[Tornhoof]

Wenn das auch nur ansatzweise ein kommerzielles Projekt ist, dann empfehl ich dir setz auf die bewährten Shopsysteme auf und bastel es nicht selber. Die Chancen dass du (unabsichtlich) Sicherheitslücken einbaust ist einfach zu hoch.

 

[PvcZ]

@Tornhoof Die Website ist leider schon fast fertig. Bei der Eigenbaulösung ist der Zahlungsvorgang auf Mollie (Zahlungsdienstleister) ausgelagert. Die Risiken schätze ich deshalb gering ein und möchte auf diese Variante setzen.

 

[netzgestaltung]

zunächst solltest du dich mit Liquid vertraut machen das hier zur Verwendung kommt.

du kannst prüfen was {{ page.layout }} ausspuckt und dann auch nachsehen wie die JS funktion redirectToPayment gestrickt ist (vermutlich in webshop.js).