Vytvoření webového obchodu bez databází pomocí SimpleCart (js)

Nákupní systémy jsou často pomalé, objemné systémy, které mohou být docela náročné. Výjimkou jsou pluginy pro blog (tj. WordPress), ale i ty vyžadují pokročilou kontrolu nad instalacemi webového serveru a databáze..

Stručně řečeno, spousta práce, souborů a opravdu obtížné použití s ​​volným (omezeným) webovým prostorem.

Dnes probereme alternativu. Je to zdarma, super lehké a vyžaduje jen trochu odlišný přístup. To znamená, že neexistuje žádné grafické uživatelské rozhraní pro přidání položek obchodu do tohoto nákupního košíku na webu. Místo toho musíte do kódu HTML vložit jednoduché značky. Nebojte se, řekneme vám jak.

simpleCart (js)

Koncové uživatelské rozhraní je úhledné, jednoduché a přímé. Produkty jsou v tomto nákupním košíku webových stránek zarovnány v mřížce s relativně velkými ikonami, vysvětlením produktu a cenou. Webmaster může volitelně přidat různé možnosti pro produkt, tj. Malá, střední a velká trička. Díky nárůstu se SimpleCart nejlépe používá k zobrazení menšího a relativně statického uspořádání produktu, perfektně se hodí pro amatérské prodejce.

Košík je obvykle zobrazen v dolní části stránky, ale můžete ho umístit kamkoli budete chtít. Zde může kupující zkontrolovat již vybrané produkty, změnit množství nebo vyprázdnit kartu.

Až budete spokojeni, stisknutím tlačítka Checkout přejdete kupujícího na Paypal nebo Google Checkout a zahájíte převod peněz na váš účet. Až dostanete peníze, obdržíte upozornění, kam můžete zboží poslat. Tak jednoduché.

Nastavení SimpleCart na vašem webu

Nejprve se ujistěte, že máte základní webový server schopný vykonávat JavaScript (který většina umí) a nějaký malý webový prostor pro zbývající soubory. Z webu si můžete stáhnout simpleCart (js). Je to darovací zboží, takže si můžete vybrat sami, jestli se vám to líbí a kolik si myslíte, že to stojí za to.

Rozbalte soubor a nahrajte soubor simpleCart.js do adresáře vašeho webu. Nastavení je dokončeno vložením malého kódu do HTML souborů vašeho webu. Kdekoli jsou tyto fragmenty kódu vloženy, zobrazí se zde specifické komponenty SimpleCart.

Přidejte to na každou stránku, mezi

a

tagy, kdekoli chcete použít simpleCart.

 simpleCart.checkoutTo = PayPal; simpleCart.email = "[email protected]"; 

Přidejte výše uvedené, abyste zjednodušili checkart pomocí Paypal. Musíte také zadat svou e-mailovou adresu Paypal. Změňte prvky zeleně a vložte celý úryvek mezi

a

kdekoli chcete použít pokladnu.

 simpleCart.checkoutTo = GoogleCheckout; simpleCart.merchantId = "111111111111111"; 

Pokud chcete místo toho použít Google Checkout, vložte výše uvedený fragment mezi

a

kdekoli chcete použít pokladnu. Namísto vaší e-mailové adresy zaměňte zelený prvek za své ID obchodníka Google Checkout.

 
 jméno výrobku 
   Malý střední velký   

35,99 $

  Přidat do košíku  

Fragment kódu výše se používá k přidání položky do vaší police. Změnit název položky a cenu, zobrazit zeleně. Výběrová třída, zobrazená modře, je zcela volitelná. Pokud ve vašem produktu nejsou žádné podtřídy, můžete to vynechat. Vložte ji mezi

a

značky, kdekoli ji chcete zobrazit na své stránce.

Vložte to mezi

a

značky, kde chcete zobrazit celý nákupní košík na webu.

V košíku máte položky. Košík celkem: 

Pokladna prázdná

Výše uvedené prvky budou zobrazovat množství položek v košíku, celkem v košíku, odkaz na pokladnu a prázdný odkaz na košík. Každý prvek může existovat nezávisle.

Podívejte se do dokumentace, kde najdete podrobnější nastavení, včetně měnových možností, daňových sazeb, dopravy a změny formátování vozíku.

Co si myslíte o simpleCart (js)? Prodali jste někdy něco online na svém vlastním webu a jak to šlo? Dejte nám vědět v komentářích!

Obrázek: Shutterstock