Hvordan lage en Javascript handlekurv

Mange handelsdrevne nettsteder har online shopping alternativer for å gi sine kunder muligheten til å kjøpe elementer. Disse systemene synes ofte svært komplisert, med mye kode og anstrengelse. Men for en enkel løsning shopping, kan du laste ned en enkel, åpen kildekode-cart script for å sette inn i din webside. Dette gjør det mulig å raskt distribuere en handlekurv uten å måtte skrive omfattende kode.

Bruksanvisning

1 Last ned simpleCart (js) fra simplecartjs.com og kopier koden til din side katalogen.

2 Inkluder simpleCart script i prosjektet:

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

3 Plasser en vare for salg, komplett med en link som legger det i handlekurven. For eksempel:

<Div class = "simpleCart_shelf">
<H2 class = "ITEM_NAME"> Awesome T-skjorte </ h2>
<Span class = "ITEM_PRICE"> $ 35,95 </ span>
<Input class = "item_quantity" value = "1" type = "text">
<A href = "javascript :;" class = "item_add"> Legg </a>
</ Div>

4 Legg en link til kassen

<A href = "javascript :;" class = "simpleCart_checkout"> kassen </a>

5 Opprett en side med brukerens fulle kurven. Standard betalingsmåte linker til brukerens PayPal-konto, men du kan endre denne standard til, for eksempel, Google Checkout, ved å endre "simpleCart.checkutTo" variable:

simpleCart.checkoutTo = GoogleCheckout; // Endring standard kassa til Google
<Div class = "simpleCart_items"> </ div>