Ένα καλάθι αγορών με SimpleCart

Σε πολλές ιστοσελίδες, ειδικά, αλλά βέβαια και το ηλεκτρονικό εμπόριο, αλλά και άλλες, μπορείτε να αγοράσετε προϊόντα απευθείας σύνδεση.
Αυτό το άρθρο θα σας δείξει πώς μπορείτε να κάνετε ένα απλό καλάθι αγορών χρησιμοποιώντας τη βιβλιοθήκη SimpleCart (JS) .
Αυτή η βιβλιοθήκη είναι ανοιχτού κώδικα και χρησιμοποιεί Javascript μόνο και δεν χρειάζεται να τρέχει κάθε server-side γλώσσα, ούτε τη βάση δεδομένων, για να αποθηκεύσετε τα επιλεγμένα προϊόντα στο καλάθι βαρύνει αποκλειστικά για τα cookies.

Η χρήση της βιβλιοθήκης είναι πολύ απλή και με πολύ λίγες παράμετροι και η σωστή σήμανση HTML μπορείτε να πάρετε ένα καλό εικονικό καλάθι αγορών. Η βιβλιοθήκη διαθέτει επίσης ενσωματωμένη υποστήριξη για δύο από τις σημαντικότερες μεθόδους πληρωμής με πιστωτική κάρτα, όπως η PayPal και το Google Checkout . Ανάμεσα στα διάφορα χαρακτηριστικά, SimpleCart σας επιτρέπει να προσαρμόσετε το νόμισμα (ευρώ, δολάριο, κλπ), ΦΠΑ (φόροι τιμές) και τη ναυτιλία.

Διαμόρφωση

Ας δούμε τώρα πώς μπορούμε να αναπτύξουμε καλάθι αγορών μας.
Πρώτον, πρέπει να περιλαμβάνουν την SimpleCart βιβλιοθήκη μέσα από την ιστοσελίδα μας:

 



 <script type="text/javascript" src="simpleCart.js"> </ script>

 

Στη συνέχεια, ας θέσει τις παραμέτρους μας, τη διαμόρφωση, όπως:

 <script type="text/javascript">







 simpleCart.checkoutTo = C / / μέθοδος πληρωμής







 simpleCart.email = "tuaemail@tuosito.it" / / PayPal email









 simpleCart.currency = EUR / / νομισμάτων να χρησιμοποιούν







 simpleCart.taxRate = 0.20? / / Φόροι







 simpleCart.shippingFlatRate = 10.00? / / τα έξοδα αποστολής









 simpleCart.cartHeaders = ["Name", "Μέγεθος", "Τιμή", "μείωση", "Ποσότητα", "αύξηση", "απομάκρυνση", "Total"]?







 </ Script>

Οι παράμετροι που είδαμε παραπάνω σας επιτρέπουν να προσαρμόσετε το καλάθι για να ταιριάζει συγκεκριμένες ανάγκες μας.

Η πρώτη παράμετρος που περιλαμβάνονται είναι η μέθοδος πληρωμής: PayPal θέτουμε, αν και στην πραγματικότητα δεν ήταν απαραίτητο, διότι είναι η προεπιλογή. Επιπλέον, μπορείτε επίσης να επιλέξετε το PayPal Google Checkout, αλλά αυτό δεν ενδείκνυται για τη διεύθυνση ηλεκτρονικού ταχυδρομείου, αλλά μάλλον το αναγνωριστικό του λογαριασμού σας:

 simpleCart.checkoutTo = GoogleCheckout?







 simpleCart.merchantId = "111111111111111"?

Ακόμα πηγαίνει πέρα ​​από το παράδειγμα, βάζουμε να χρησιμοποιούν το ευρώ ως νόμισμα και 20% ΦΠΑ (για να συμβολίζει την τρέχουσα ΦΠΑ στη χώρα μας).
Μια άλλη παράμετρος που είναι τα έξοδα αποστολής εν προκειμένω SimpleCart μπορεί να διαφέρουν μεταξύ 3 τύπων έξοδα αποστολής:

 simpleCart.shippingFlatRate = 10.00? / / ποσό για ολόκληρη την τάξη







 simpleCart.shippingQuantityRate = 3,00? / / ποσού για κάθε προϊόν







 simpleCart.shippingTotalRate = 0,05, / / ​​ποσό Ποσοστό του συνολικού κόστους

Η τελευταία παράμετρος που περιλαμβάνονται στο δείγμα κώδικα μας, ωστόσο, η cartHeaders, ή μια σειρά που σας επιτρέπει να προσαρμόσετε τη λίστα των τρόλεϊ (τα προϊόντα που έχει επιλέξει ο χρήστης, το συνολικό κόστος, κ.λπ.).
Στο παράδειγμά μας έχουμε επιλέξει για να εμφανίσετε το όνομα, το μέγεθος, την τιμή, την ποσότητα, κλπ..

• <<
• 1
• 2
• 3
• 4
• >>