04 nov
Par Clément dans Javascript, e-Commerce
Mots-clefs :e-Commerce, Javascript
The wojo group vient de sortir une librairie JS permettant de réaliser un site de e-commerce avec uniquement un compte Paypal. Avec simpleCart.js vous pouver en quelques minutes réaliser un petit site de e-commerce.
Ce genre de petit script me fait adorer le web. Avec une seule librairie Javascript et du simple code HTML, on peut quasiment faire une boutique en ligne.
Voici comment procéder pour mettre en place ce petit bijoux :
Déjà, avant de commencer, il vous faut un compte paypal. La librairie javascript fonctionne grâce à l’email de votre compte paypal.
Ensuite, il faut inclure la librairie javascript dans votre page de cette façon :
Il faut suffit ensuite de créer des éléments dans votre boutique en ajouter sur le clique de la souris cette fonction :
Ajouter au panier
Les champs obligatoires sont le prix et le nom de l’objet, néanmoins vous pouvez spécifier d’autre champs comme par exemple une image, une taille, une couleur, et une quantité .
simpleCart.add('name=lenom','price=prix','image=mon/image.png','size=taille','color=couleur','quantity=quantité');
La visualisation du panier ce fait de manière très simple, juste en creant un simple élément div avec une classe spéciale.
Vous pouvez aussi afficher le nombre d’éléments dans votre panier en ajouter un élement avec une classe spéciale aussi.
éléments dans votre panier.
Pareil pour le fonction pour vider le panier ou passer au payement :
Payer Vider le panier
Voici la démonstration pour une boutique utilisant cette librairie simpleCart.
C’est donc rapidement et simplement que nous créons notre boutique en ligne avec un compte paypal et un fichier javascript.
Ce script est désormais disponible en français (avec la devise en euro)
« Wordpress 2.7 Bêta 1 en images | MobilePress, un plugin wordpress pour les téléphones mobiles »
2 trackbacks
22 commentaires
Julien
4 novembre 2008 à 13:49
1Simple et efficace mais à utiliser avec précaution tout de même. Un site e-commerce ça se réfléchit, ça se fait pas en 5 minutes.
Clément
4 novembre 2008 à 13:55
2Exact mais ce script est destiné au petite entreprise voir pour les vendeur particulier qui n’ont pas forcement de notions en développement.
Malgrès cela, je trouve cette initiative honorable pour les personnes non familiarisé avec internet et le développement .
VaniPod
4 novembre 2008 à 14:36
3C’est une grande question que de faire une boutique en ligne efficasse. Pour ma part, je m’occupe de http://www.easyriser.fr et c’est en effet une grande question que de savori comment faire son site, surtout que je ne suis pas spécialement un developeur et qu’en plus je n’ai pas énormément de temps pour tout apprendre !
Un autre truc important c’est le référencement, ça vaut quoi pour ce script ?
Clément
4 novembre 2008 à 15:00
4Pour ce script, le fait que les articles ajoutés au panier soit en session, il n’y a pas de problème, c’est juste l’ajout et le listing du panier qui est en javascript.
On peut donc imaginé un liste d’article avec un lien par article qui envoie sur une description détaillé et ce bouton javascript qui ajoute dans le panier.
Cela ne nuit pas au référencement du tout !
pedro
6 novembre 2008 à 16:45
5Ca a l’air super simple mais je n’arrive pas à le faire marcher.
Quelqu’un pourrait il m’expliquer.
Il me semble que le problème vient de l’emplacement ou je doit télécharger le fichier js
Merci d’avance
Clément
7 novembre 2008 à 11:42
6@pedro: Tu as installé firebug ? quelle erreur te donne t-il ?
Merci de suivre dator.fr
Adonfff
10 novembre 2008 à 14:44
7Ce script est une merveille, seulement il ne convient pas en l’état pour les francophones et le paiement en euros.
Vous trouverez ici une francisation fonctionnelle du script d’origine.
http://studio-adsense.blogspot.com/2008/11/simplecart-en-francais.html
Clément
10 novembre 2008 à 15:03
8@Adonfff: Merci pour le lien, j’ai mis à jour l’article
Brett
13 novembre 2008 à 22:47
9Merci d’avoir traduit ce script pour les usagers français. Je vais le mettre à jour bientôt avec la resolution des bugs que vous avez eu, y compris un choix pour la devise et l’expédition. Si quelqu’un a des questions ou des requêtes, n’hésitez pas à me contacter.
Adonfff
13 novembre 2008 à 23:06
10@Clement :Merci pour ce tutoriel.
Merci également pour le lien.
@Brett
De quelle nationalité êtes-vous, car votre maîtrise du français est plus que correcte ?
Et vous n’avez pas pris soin de traduire SimpleCart ?:o
Brett
14 novembre 2008 à 17:41
11@Adonfff: Je suis américain en fait, et c’est mon pote qui a traduit le commentaire en haut. Il vous remercie de vos gentils mots. Comme je l’ai déjà dit, si vous avez des questions, n’hésitez pas à me contacter. Meilleures salutations, Brett.
Alex
17 novembre 2008 à 15:20
12Bonjour ,
Pouvez vous m expliquer svp, ou installer la librairie javascript et les elements dans un blog wordpress ? Dans index.php ? a quelle ligne ?
Je suis debutant et pas encore doue !! un jour peut etre !!!
Cordialement,
Alex
Clément
17 novembre 2008 à 15:49
13@Alex: Bonjour! Donc cela ne s’installe pas sur un blog wordpress. C’est un page normal
Normalement, tu dezipe le fichier télécharger et tu as juste à configurer comme montré dans le post.
Alex
22 novembre 2008 à 12:34
14Bonjour Clement,
Etant tres grand debutant en informatique !!! pour installer simplecart ,je dois donc d abord creer une page web ( en htlm )et y mettre tous les codes mentionnes dans ton tuto , aurais tu un tuto pour savoir comment creer cette page ou bien accepterais tu de me le faire moyennant une petite remuneration ( pas trop cher) car je suis fauche comme les bles !! et la recolte n as pas ete tres bonne !!!
Cordialement,
Alex
COLLIN Nathalie
24 novembre 2008 à 20:44
15Bonjour, cela à l’air compliqué en plus c’est en anglais. Moi j’ai créé ma boutique avec Prestashop et je n’y connaissais rien ni en HTML ni en script. J’ai essayé des tas de logiciel avant d’arriver à ce résultat. Bon je sais y a certainement mieux, mais si vous connaissez des logiciels en français et facile faites le moi savoir. Vous pouvez allez visiter ma boutique. c’est par là http://www.jouets-deco.fr. CORDIALEMENT ET MERCI
helios
21 février 2009 à 13:10
16Bonjour, je suis développeur pro, est suis très intéressé par ce petit caddit, il va être reformé et remodulé par mes soins pour créer un affichage par base de donnée et pour site communautaire, sa simplicité fait de cela son avantage
il ne prend pas en compte le renvoi par validation de paypal sur la page du site par contre, si ?
Merci pou cette francisation et merci aux créateurs, je vous transmettrai les coordonnées du site communautaire en création dans quelques mois !
et reviendrai pour lire vos commentaires par rapport à la validation
Cordialement,
Scalp.
Clément
21 février 2009 à 15:55
17Aucun renvoi de paypal vers le site utilisant cette micro boutique n’ai fait, c’est du full javascript ne l’oublions pas
Bon courage pour votre création,
Clément
Nas
6 octobre 2009 à 16:51
18FUll JS = sécurité pourrie selon moi …
faut pas déconner là…
tout se fait côté client .. attendez vous à de belles arnaques …
Clément
6 octobre 2009 à 18:09
19@Nas: Explique la sécurité pourri ? Si c’est bien fait aucun problème.
En ce moment au taff, je suis sur un projet full js/ajax et il n’y a pas tant d’effort à faire que ça (autant que pour PHP)
Marie-Micheline Dufour
26 février 2010 à 1:08
20Bonjour
J,ai apprécié les renseignements..je suis assez novice ,,je prends tous les conseils que je peux
Marie-Micheline
Greg
20 avril 2010 à 14:38
211 ans après ….
Je en vois pas comment du code Js peut mettre des choses en session coté serveur ! Il y a beaucoup plus de chance que le panier soit dans un ou des cookies non ?
Quentin
3 juillet 2011 à 15:26
22Peut-on limiter le nombre de produit dispo ?
Laisser un commentaire
Devenir Fan de Dator.fr
Nuage de tags
Sponsors
Blogoliste
Blogs Amis
Derniers Posts
Derniers Commentaires
Les meilleurs sujets
Propulsé par WordPress