..


Linki sponsorowane

Koszyk z SimpleCart

Artykuł napisany przez Jana Belelli
Strona 1 z 4

W wielu stronach internetowych, zwłaszcza tych, i oczywiście e-commerce, ale także inne, można kupić produkty bezpośrednio online.
W tym artykule pokażemy, jak można zrobić prosty sklep internetowy przy użyciu biblioteki SimpleCart (js) .
Ta biblioteka jest open-source i korzysta z JavaScript i nie jest potrzebne do uruchomienia każdej stronie serwera języka, ani bazy danych, która przechowuje wybrane pozycje w koszyku opiera się wyłącznie na cookies.

Zł SimpleCart (js)

Korzystanie z biblioteki jest bardzo proste i mało parametrów i prawidłowe znaczniki HTML można uzyskać dobry wirtualnego koszyka. Biblioteka oferuje również natywne wsparcie dla dwóch najważniejszych metod płatności kartą kredytową, takich jak PayPal i Google Checkout . Wśród różnych funkcji, SimpleCart umożliwia dostosowanie waluty (euro, dolar, itp.), VAT (stawki podatków) i wysyłki.

Konfiguracja

Teraz zobaczmy, jak możemy rozwijać nasze koszyku.
Po pierwsze, musimy to SimpleCart biblioteki w naszej stronie internetowej:

 



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

 
Pozwól nam ustawić nasz parametrów konfiguracyjnych, takich jak:





 <script type="text/javascript">







 simpleCart.checkoutTo = C / / metoda płatności







 simpleCart.email = "tuaemail@tuosito.it" / / e-mail PayPal









 simpleCart.currency = EUR / / waluty do wykorzystywania







 simpleCart.taxRate = 0,20 / / podatki







 simpleCart.shippingFlatRate = 10,00 / / Koszty przesyłki









 simpleCart.cartHeaders = ["Nazwa", "Rozmiar", "Cena", "zmniejszyć", "Ilość", "przyrost", "usuń", "Razem"];







 </ Script>



Parametry widać powyżej pozwalają dostosować wózek do naszych specyficznych potrzeb.

Pierwszy parametr, że zawarte jest sposób płatności: PayPal możemy ustawić, chociaż w rzeczywistości nie było konieczne, ponieważ jest to domyślny. Ponadto możesz także wybrać PayPal Google Checkout, ale w tym przypadku nie ma, ale raczej włączenie e-mail swojego identyfikatora konta:






 simpleCart.checkoutTo = GoogleCheckout;







 simpleCart.merchantId = "111111111111111";



Wciąż trwa ponad przykład, oddany do użytku euro jako waluty, a 20% podatku dochodowego (symbolizują bieżącego podatku VAT w naszym kraju).
Kolejny zestaw parametrów są koszty przesyłki w tym zakresie SimpleCart może różnić się 3 rodzaje kosztów przesyłki:






 simpleCart.shippingFlatRate = 10,00 / / kwota całego zamówienia







 simpleCart.shippingQuantityRate = 3,00; / / ilość dla każdego produktu







 simpleCart.shippingTotalRate = 0,05, / / ​​ilość procent całkowitego kosztu



Ostatni parametr zawarte w naszym przykładowym kodzie, jednak cartHeaders lub tablicę, która pozwala dostosować listę wózka (produktów wybranych przez użytkownika, koszt całkowity, itp.).
W naszym przykładzie wybraliśmy, aby wyświetlić nazwę, rozmiar, cenę, ilość, itp..

W tej samej kategorii ...
E-Learning
CSS (Kurs) CSS (Kurs)
Web Design i dostępności zgodnie z W3C CSS i XHTML. Począwszy od 29 €.
HTML (Kurs) HTML (Kurs)
Język znaczników dla sieci od 29 €.
Javascript (Kurs) Javascript (Kurs)
Kompletny przewodnik po stronie klienta skryptów. Od 39 €.
Linki sponsorowane