Boutique en ligne

DjbWebmasterDjbWebmaster Member
août 2012 modifié dans Vos créations
Bonsoir,

Ce week end j'ai une fois de plus joué avec PluXml, et pourquoi ne pas créer une boutique avec un paiement Paypal ?


J'ai donc crée une petit boutique de test pour ma belle sœur, j'utilise un petit script jQuery pour le paiement Paypal.


Avantage:

Pas de code php donc plus simple à intégrer


Inconvénient:

Si le visiteur n'active pas le js, cela ne marche pas....



Il me reste à l'intégrer sur le plugin CKEditor afin de faciliter l'utilisation.

Demo: http://richessedorient.fr/

Bye à bientôt,

Djb

Réponses

  • StéphaneStéphane Member, Former PluXml Project Manager
    Bonjour
    Très bien cette gestion de panier avec paypal

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

  • Jerry WhamJerry Wham Member
    juillet 2012 modifié
    Jolie créa qui plus est !
  • hum j'aime le style de création :)
  • k610ik610i Member
    juillet 2012 modifié
    Salut !


    Attention, t'as un p'tit problème ici :
    <script src="themes/nawalhttp://richessedorient.fr/themes/nawal/js/twitter.js"></script>
    


    Tu as utilisé quel script pour ton e-boutique ?


    Edit(Piaf) : j'ai trouvé : SimpleCart, celui que je veux utiliser aussi.
    J'ai une question, comme je ne l'ai pas encore testé, il n'y a pas de problème si il y a plusieurs pages de produits ?
  • DjbWebmasterDjbWebmaster Member
    juillet 2012 modifié
    Hello,

    @k610i, merci pour le bug sur le script. Il est utilisé pour Twitter j'avais pas vu....



    Pour la boutique, j'utilise une ancienne version SimpleCart.

    Cette version est une adaptation que j'ai utilisé pour un site en full HTML il y a plus de 2 ans (Vente des mugs personnalisés )


    Comme tu peux le voir, ce système n'utilise pas de code php pour le passage d'une page à l'autre mais les cookies (c'est aussi une autre contrainte car si le visiteur n'a pas autorisé les cookies et le js ça marche pas)


    Je vais regarder cette semaine pour afficher un message d'alerte pour informer les visiteurs, je peux aussi te donner mon script pour faire des essais.


    Encore un grand bravo pour les devs PluXml, je commence à adorer ce CMS.



    Dès la fin de mon intégration je vais mettre en DL pour faire profiter la communauté.


    Bye,

    Djb
  • DenDen Member
    Bonjour à tous,

    Mes félicitations! DjbWebmaster

    Un très beau site Web en plus HTML5.

    Pour le JavaScript (js) la plupart des navigateurs ressents afficheront une barre d'avertissement s’il n'est pas activé...

    Bye! Den
  • Merci Den
  • k610ik610i Member
    août 2012 modifié
    Salut !!!


    Dis moi quand tu rendras le téléchargement possible, ça m'intéresse vraiment de voir comment tu as géré SimpleCart !
    (j'ai commencé à mettre les mains dans le cambouie et je me heurte à quelques difficultés : incrémentation des id, etc.)


    Je me posais aussi une question toute simple, comment PayPal sait à quel compte cela est rattaché ? Juste par l'email ?
  • DjbWebmasterDjbWebmaster Member
    août 2012 modifié
    Hello,

    Il faut créer un compte paypal (j'ai le compte pro, mais marche avec les autres versions) et une merchant Id afin de configurer le script après c'est un simple lien pour les articles.





    <a href="javascript:;" onclick="simpleCart.add('name=savon safran','price=17.90','quantity=1','option=photo');">Ajouter au panier</a>



    ici le nom de l'article: savon safran
    la quantité pour un click ici 1
    le prix 17,90€

    et voila pas très compliqué

    Bye

    djb

    Edit: regarde le script en fin de page pour configurer ton script (http://richessedorient.fr)
  • k610ik610i Member
    août 2012 modifié
    Je vais gérer les 'produits' via l'interface article.


    C'est quoi Option=Photo ?


    (pour info, je teste ici : http://feukya.free.fr/dev/index.php?categorie4/shop)
  • Hello,

    Le lien d'un photo lors du survole de la souris sur l'article dans la page paypal


    bye

    djb
  • k610ik610i Member
    août 2012 modifié
    Yeah, merk6.
    ça avance bien chez moi, j'ai compris les rouages (et comment bien l'intégrer dans PluXml via les articles).


    Par contre, j'suis plutôt une novice en javascript...
    J'aimerais bien avoir ces améliorations :
    -> Lorsqu'il n'y a rien dans le panier et que la personne clique sur "Commander", affichez un message d'erreur : "Votre panier est vide"
    -> Ne pas affichez la page PayPal dans un nouvelle fenêtre popup, mais plutôt dans un nouvel onglet


    Une idée ? :D
  • k610ik610i Member
    août 2012 modifié
    Je rajoute... :D


    -> Afficher un message lorsque le panier est vide : "Pour ajouter un produit, cliquez sur "Ajoutez au panier"
    -> Avoir le bouton "vider le panier" seulement présent lorsqu'il y a des produits dans le panier
    -> avoir une page récap de commande intermédiaire
    -> Bloquer le nombre de produit à 1 (si on ne veut pas vendre plusieurs fois le même produit)


    J'balance ça comme ça, mais ça pourrait améliorer le truc :D
  • re,

    j'avais fait beaucoup de modifs sur mon fichier js mais comme un gros noob je l'ai compressé et je ne retrouve pas la version non compressé

    pour ne pas polluer le forum tu peux me contacter sur skype: psd-html

    à plus

    djb
  • k610ik610i Member
    J'ai réussi à faire ce que je voulais en bidouillant (j'suis passée à la version 2.3... mais j'ai vu qu'ils ont sorti la v3... !) :)


    Mes tests
  • excellent k610i, mieux que ma version la classe
  • Beau travail à vous deux.


    J'essaye justement de mettre une boutique en ligne ici : http://www.madeinusb.com et utilise les paniers paypal tout simplement.

    Je suis très intéressé par votre solution et aimerait participer également. L'un de vos a t'il les sources à prendre ?

    VOus remerciant par avance.
  • Bonjour Littleshark,


    Nous avons intégrer un plugin jQuery : http://simplecartjs.org je regarde pour réaliser un tutoriel à la fin des vacances.


    bye

    djb
  • C'est darty, merci.
    Il va falloir que je trouve où copier tout cela.
    Je vous ferai un retour très bientôt.
  • LittlesharkLittleshark Member
    août 2012 modifié
    Bonsoir,

    Comme annoncé, je me suis retroussé les manches et m'y suis essayé.

    Pouvez-vous me dire ce que vous en pensez ?

    Je rencontre un petit souci avec sur le panier en haut à droite que je n'arrive pas à aligner au même niveau que le menu...

    Je dois encore mettre en forme le panier complet (bouton panier) pour y accéder et le traduire.
    J'imagine que c'est dans le .js


    C'est ici : http://www.madeinusb.com/tempo

    Merci de votre retour.
  • k610ik610i Member
    août 2012 modifié
    Bonjour,


    Fais attention, la devise est en dollar.
    A vrai dire, moi, je me suis aussi inspirée du zip de ce site (même si ce n'est pas la dernière version de Simplecart) : http://www.website-developer.fr/2011/09/simplecart-2-en-francais.html


    Bouton panier ?


    Pour ton alignement, j'ai l'impression que c'est lié à ça :
    nav li a {
    padding: .5em 1em;
    }

    Voilà voilà pour mes remarques. :)


    (faut que je retravaille le mien, la présentation n'est pas bien ! :))
  • LittlesharkLittleshark Member
    août 2012 modifié
    Oui, hier j'ai édité le javascript afin de savoir où mettre la devise en € ou s'il y a une fonction à utiliser.
    Je n'ai pas vraiment compris le principe pourtant je ne cesse de relire la documentation.
    Pour ce qui est de l'alignement merci, je vais tester de suite, bizarre car c'est le même que celui de gauche. :-)

    PS : Peut-être ferais-mieux de discuter de tout cela dans un autre thread pour ne pas polluer celui de DjbWebmaster.

    Edit : Haaaaaaa ! merci k610, ton zip va énormément m'aider.
Connectez-vous ou Inscrivez-vous pour répondre.