Aller au contenu
Support de Zwii
ClementL

Comment créer une boutique en ligne avec le CMS Zwii ?

Messages recommandés

Bonjour @Clement24 @sylvainlelievre @Fred @roger

 

Je viens de tester ton nouveau code pour snipcart..

Franchement beau travail et d'avance MERCI !

 

 

Il y a 14 heures, roger a dit :

confidence pour confidence, j'ai personnellement testé et installé snipcart pour un ami mais dans une version 10.2.09, il a ensuite sur cette base "réalisé un site de vente totalement fonctionnel, puis mis à jour sa version vers une 10.3.05.

Et oui, il s'agit de moi.
Je n'ai pas d'autorisation (du moins, je n'ai pas demandé.) donc je ne me permets pas de mettre le lien en ligne.
Donc j'ai customisé autrement le site et je vous mets une photo de celui-ci.

 

J'ai malheureusement une petite requête à demandé :
le site, est un site de grossiste en vins...
Un jour, j'ai demandé à @Fred de pouvoir avoir deux pages qui portaient le même nom. Et le script changeait à chaque sauvegarde id de la page..

 

Il ne voyait pas vraiment l'utilité de celui-ci, mais pour la création de ce site, c'était essentiel !
En effet, nous avons des vins blancs de France, Vins Rouge de France, ect...

 

Et comme le site en question travaille aussi avec des vins du monde, j'ai plusieurs fois la France , notamment en blanc, rosé, rouge idem pour les vins du pays, du monde ect...

 

Ma demande est que j'ai sur certains produits (Exemple : Champagne1Cru) plusieurs formats, 0,375L 0,75L et parfois 1,5L 
Manuellement, je sais comment intégrer le choix dans snipcart pour la vente en ligne. (merci d'ailleurs à @roger)

Ceci ce fait bien entendu dans le code source en direct..

Si ton module permettait de le faire aussi, ce serait vraiment super...
Voici en pièce jointe la photo de snipcart avec mutli choix sur le même produit et une photo du site

Sans obligation d'implémentation, bien entendu.

ET encore merci pour ton module !
 

Cordialement,

 

 

 

modèle.png

modèle 2.png

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour @Thispy,

 

Si c'est à moi que s'adresse la demande précédente, voici une réponse.

 

Pas de problème l'archive contient un dossier snipcart : c'est le plugin avec la possibilté d'options

Tu dois transférer ce dossier snipcart dans core/vendor/tinymce/plugins/

 

Dans ce cas le poids à renseigner sera celui de la bouteille la plus lourde.

 

2020-11-15_08h26_13.png.15369fadf690029fe3ece76154ec834a.png

 

Bons tests et bonne journée

 

Sylvain

 

Modifié par sylvainlelievre
version obsolète
  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites
il y a 35 minutes, Thispy a dit :

Si ton module permettait de le faire aussi, ce serait vraiment super...
Voici en pièce jointe la photo de snipcart avec mutli choix sur le même produit et une photo du site

Thispy, tu pense bien qu'en suivant j'ai testé le merveilleux travail de @sylvainlelievre sur l'intégration du bouton, et bien entendu il lui sera facile (j'ai aussi décortiqué son plugin et a façon dont il interagi avec le tinymce) de créer sur la base du "template qui va bien avec, un second template à choisir dans le cas où un produit proposerait 3 choix ( en Poids où en Litres) et donc avoir aussi à modifier légèrement la fenêtre de dialogue où l'on rentre les données voulues....

Roger

 

Partager ce message


Lien à poster
Partager sur d’autres sites
il y a 5 minutes, sylvainlelievre a dit :

Pas de problème l'archive contient un dossier snipcart : c'est le plugin avec la possibilté d'options

Tu dois transférer ce dossier snipcart dans core/vendor/tinymce/plugins/

 

Dans ce cas le poids à renseigner sera celui de la bouteille la plus lourde.

Sylvain, Thiérry voulait dire que pour une seule marque de vin il était possible de choisir directement dans le formulaire de paiement 3 choix, c'est un tout petit bout de code qui n'est pas inclus dans ton template qui fait apparaitre la boite à remplir. C'est l'une des possibilité offerte par le script original que nous avons testé bien auparavant dans un zwii 10.2.09 et mis en place sur le site de vente de vin 😉

Cela fait plus d'un mois que nous travaillons sur le site de Thiérry, je te fournirais si tu veux les subtilités de ce fameux choix qu'il te faut inclure dans le formulaire à remplir au clic sur le bouton (je le mettrais en place sur le site où j'ai mis le lien plus haut pour que tu vois cela dés ce matin)

Roger

 

Partager ce message


Lien à poster
Partager sur d’autres sites

@Thispy,

 

Problème des frais d'expédition

Il sont calculés avec pour informations le poids du colis et éventuellement le lieu d'expédition (paramétrage Snipcart).

 

Avec la solution du plugin, que je t'ai transmis plus haut, intégrant les champs d'option le poids varie dans ton cas en fonction du choix final que le client fait sur la page Snipcart mais le poids communiqué par le bouton 'Ajouter au panier' est celui saisi et il est unique.

 

3 possibilités :

  1. Indiquer dans le formulaire un poids moyen (ou maxi ? ou mini ?) qui sera pris en compte pour le calcul
  2. réaliser une expédition indépendante du poids (réglage Snipcart)
  3. solution professionnelle : réaliser par webhooks (choix Snipcart) un calcul du prix en prenant en compte l'option choisie ou pourquoi pas la quantité totale de produits (bouteilles).

Pour l'instant je n'ai fait cette étude qu'à des fins de test et le plugin Snipcart est très perfectible.

 

A plus

 

Sylvain

 

 

 

Partager ce message


Lien à poster
Partager sur d’autres sites

J'ai installé ta seconde version Sylvain, voici en gros ce qui serait l'idéal dans la fenêtre de configuration:

option.png.93498fe2292bb54ce646fb7265961e5d.png

 

option1.thumb.png.f8ada1a1456570bb2e11b20fab0e1692.png

 

Faire en sorte (ce que le script snipcart réalise d'origine) ne choisir qu'une seule est unique image (gain de place sur le serveur)

Proposer dans les options une liste déroulante avec les choix possible;

 

Il suffit alors de réaliser un second template.html, un second bouton bien différencier du premier (car le template ne contient pas les mêmes directives que le premier) et roule ma poule, ca fonctionnera nickel chrome.

 

Un truc du genre...

le template original de Sylvain
<button
class="snipcart-add-item"
data-item-id="référence"
data-item-name="Nom du produit"
data-item-price="100.00"
data-item-weight="dimension"
data-item-url="/"
data-item-image="/"
data-item-description="Description du produit">
Ajouter au panier
</button>

le second template qui doit contenir les options et qui s'affichera dans la fenêtre de paiement finale.
<button
class="snipcart-add-item"
data-item-id="référence"
data-item-name="Nom du produit"
data-item-price="100.00"
data-item-weight="dimension"
data-item-url="/"
data-item-image="/"
data-item-description="Description du produit"
data-item-custom1-options="0,375L|0,75L[+12.60]|1,5L[+46.75]"
data-item-custom1-value="0,375L">
Ajouter au panier
</button>

==> Ajouter dans le html pour le choix des options:
 data-item-custom1-options="0,375L|0,75L[+12.60]|1,5L[+46.75]" data-item-custom1-value="0,375L"

 

 

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour

Je me souviens que le poids, c'est un peu casse-tête 😞 - j'ai du ajouter un peu à tous les produits pour prendre en compte le conditionnement.

Il y a plusieurs solutions proposées sur l'administration SnipCart, en société de livraison, mais Canada oblige, ce sont principalement des sociétés et des solutions nord-américaines, bref, je m'y suis pas trop aventuré

Bien cordialement

Clément

Partager ce message


Lien à poster
Partager sur d’autres sites

Mode d'emploi pour la version du plugin avec options (utilisation avancée)

 

Texte des options : texte libre

 

Options : une série d'options séparés par | (alt Gr 6)

par exemple : saisir rouge|jaune|vert

Snipcart proposera les 3 options

On peut ajouter une incidence sur le prix du produit entre [ ]

par exemple : saisir aluminium|inox[+25]|or[+250]

Le choix inox augmentera le prix de base (aluminium) de 25€

 

Pas besoin de page ou de bricolage supplémentaire, tout est dans la documentation Snipcart !

2020-11-15_11h15_54.png.70c9b25e6f03b892d910c9c768dd212b.png

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites
il y a 37 minutes, sylvainlelievre a dit :

Pas besoin de page ou de bricolage supplémentaire, tout est dans la documentation Snipcart !

Oui mais sans un développeur comme toi pour en produire le plugin intégrable dans le Tinymce (et donc par conséquence dans le Zwii), sans les modifs dans tes versions au fur et à mesure des tests, on ne pourrait pas bénéficier de tout les avantages offerts par snipcart;

Good job Sylvain,👍

 

je testerai illico ta dernière mouture  des que tu la mettras dispo ici 😉

Partager ce message


Lien à poster
Partager sur d’autres sites

Je bricole depuis 2h avec la première version du plugin de @sylvainlelievre et je dois dire que c'est plutôt simple de mise en oeuvre, cf https://augras.eu/zwii91dev59/boutique pour voir ce que ça donne assez rapidement et sans vraiment éditer le code sauf pour rajouter des paragraphes.

La présentation sous forme de tableau très pratique à première vue mais n'est pas responsive les colonnes du tableau restant toujours solidaires.

 

Ah si, tinymce est super CHIANT à ajouter des span qui mettent le code du bouton panier en vrac ! Gros gros inconvénient.

Ce n'est évidemment pas la première fois que je tombe sur ce travers mais est-ce qu'il n'y aurait pas un moyen de le résoudre ?

 

Sinon je me suis un peu battu pour pouvoir payer : il ne trouvais pas de méthode d'expédition alors que tout était défini côté snipcart... ne pas oublier de mettre un poids correspondant à ce que l'on a défini sinon on peut tourner bourrique.

 

Et je n'ai toujours pas réussi à lui faire prendre en compte les taux de tva voulus : 20%, 10%, 5,5% : snipcart persiste à me mettre des o,2, etc. Même quand je réussi à lui faire afficher 20 dans le champ snipcart, en ayant saisi 2000, après la sauvegarde j'ai à nouveau un 0,2 qui s'affiche !

 

Snipcart est un super truc pour monter une boutique en moins d'une matinée avec ce plugin qui facilite vraiment son utilisation.

  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites
il y a 55 minutes, augras a dit :

La présentation sous forme de tableau très pratique à première vue mais n'est pas responsive

 

Bonjour @augras

 

Oui, c'est le cas à l'intérieur de tinymce de toutes les fenêtres de paramétrage comme image ou media et ... snipcart.

 

Pour la TVA tu as bien lu le mode d'emploi ?

 

Pour le transport je suis d'accord avec toi, le paramétrage Snipcart est assez délicat.

 

Merci pour ce test et la mise à disposition de l'expérience

 

Bonne journée Philippe

 

Sylvain

Partager ce message


Lien à poster
Partager sur d’autres sites

Je viens de mettre à jour ton plugin avec la V2 et les options.

J'ai appliqué ça à des chaussures et mis dans le champ "options" : 38|39|40(+5€)[+5]|41(+5€)[+5]|42(+5€)[+5]|43(+10€[+10]|44(+10€)[+10]|45(+10€)[+10]|46(+15€[+15]|47(+15€)[+15]|48(+15€)[+15]

...

résultat escompté obtenu avec affichage dans le panier d'un menu déroulant permettant de choisir sa pointure avec affichage de la hausse du prix, prix automatiquement mis à jour suite au choix.

Nickel !

 

Allez commander vos pantoufles : https://augras.eu/zwii91dev59/boutique

 

Pour la TVA s'est arrivé au cerveau et j'ai compris : c'est parce que la tva est incluse ! Si on ajoute 20% on a un coef à 1,2, mais là comme elle est incluse on a 0,2. Il comprend vite mais il faut lui expliquer longtemps !

 

Pour le responsive c'est KO avec un tableau mais ça fonctionne avec les gabarits.

 

Reste cette histoire de balise  span="" id="CmCaReT" qui vient perturber le code quand on l'édite : mais c'est pas à cause de snipcart, c'est bien tinymce qui fait ça.

Modifié par augras
  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites

On peut en plus parfaitement tirer partie de la lightbox lity pour afficher au clic sur la vignette ou un texte des informations de toutes sortes dans la lightbox (pdf mode d'emploi, redirection vers un site, vidéo, lecture audio) et avec simplelightbox on peut afficher des images complémentaires.

Bon, ça demande plus de boulot mais c'est faisable très simplement.

Pour utiliser SimpleLightbox pour une galerie cf

Et si on veut épater son monde avec une super galerie il y a lightgallery :

 

J'ai cherché mais étonnamment pas trouvé de tuto sur Lity : j'y retourne.

Et voilà le tuto par @Fred : 

Avec tout ça il y a de quoi faire une boutique très agréable.

Modifié par augras

Partager ce message


Lien à poster
Partager sur d’autres sites

  • Contenu similaire

    • Par roger
      Voir le fichier Générateur de mot de passe simple
      Générateur de mot de passe à héberger
       
      Le module simplemotdepasse (Simple générateur de mot de passe) vous permettra de générer pour vos utilisateurs un mot de passe comportant différents caractères  (Mot de passe non sécurisé).
      100% compatible avec les versions 10.03.xx et celles à venir du CMS Zwii.
       
      Les mots de passe générés sont au format texte et peuvent être utilisés directement pour changer/créer un mot de passe d'un utilisateur à transmettre à celui ci.
      Ils peuvent aussi servir à d'autres endroits ou dans d'autre scripts demandant ce même type de mot de passe (exemple: Partage de dossiers/fichiers bien précis stockés sur vos espaces web);
      Le mot de passe généré peut ensuite être copier directement depuis un bouton prévu à cet effet puis coller là où ce sera nécessaire de mettre ce nouveau mot de passe non crypté...
      *  Ce module  étant basé sur le module officiel Redirection du cms, il est directement utilisable depuis l'éditeur TinyMCE en cliquant sur la barre d'outil "lien" dans celui ci. Cela vous permettra de proposer dans votre site (menu du site) une page dédiée à vos utilisateurs qui pourra s'ouvrir dans le fenêtre actuelle de votre navigateur ou dans un nouvel onglet de celui ci.
       

       

       

       

       

       
      Mise en œuvre
      1° Télécharger l'archive "simplemotdepasse.zip" et la décompresser sur votre pc.
      2° Envoyer le dossier nommé "module" à la racine de votre site crée avec ZwiiCMS
       
      Utilisation:
      1° Créer une page que vous nommerez du nom que vous désirez, par exemple "Générateur de mot de passe simple" ou autre....

       
      2° Choisir si cette page doit s'ouvrir dans l'onglet courant de votre navigateur ou dans un nouvel onglet ainsi que les droits de visibilité.

       
      3° Dans la partie module, sélectionner le module "Simplemotdepasse" puis cliquer sur la petite roue crantée pour entrer le lien de redirection vers le générateur de mot de passe.
       

       
      5° Dans la fenêtre qui s'ouvre entrer l'adresse qui ouvrira la page où vous pourrez générer un mot de passe ainsi:
        -  Si votre site est à la racine de votre nom de domaine ==>    /module/simplemotdepasse/view/vendor/Sgmdp.php
        -  Si votre site se trouve dans un sous dossier à la racine de votre nom de domaine ==>    /Nom_du_sous_dossier/module/simplemotdepasse/view/vendor/Sgmdp.php
       

       
      6° Enregistrer la configuration de la redirection puis la configuration de votre page.
       
      Restauration de votre ancienne configuration
      Rien de bien compliqué il vous suffit de supprimer le dossier "simplemotdepasse" dans le dossier module, de supprimer la page concernée par ce module et puis c'est tout. Vous retrouverez alors votre site ZwiiCMS tel que vous l'aviez conçu avant de vous servir de ce générateur de mot de passe.
       
      Enjoy les amis.
       
      *** N'oubliez pas aussi de revenir sur cette page laisser un petit commentaire si vous avez apprécié le travail réalisé pour ce module, c'est encourageant, gratifiant aussi pour celui qui l'a mis à disposition pour votre plus grand plaisir..
       
      # IMPORTANT A LIRE #
      Vous reconnaissez qu'en utilisant ce module sur votre site être entièrement responsable en cas de problème quel qu'il soit après sa mise en œuvre, je ne pourrais donc être considéré en aucun cas comme responsable de cet état de fait.
      💡 Pensez alors à faire une sauvegarde intégrale de votre site, ceci vous permettrait alors de revenir en arrière en réinjectant celle ci et retrouver votre site web tel que vous l'aviez conçu avant utilisation du script ci dessus.
       
      Contributeur roger Soumis 26/12/2020 Catégorie Les modules  
    • Par roger
      Générateur de mot de passe à héberger
       
      Le module simplemotdepasse (Simple générateur de mot de passe) vous permettra de générer pour vos utilisateurs un mot de passe comportant différents caractères  (Mot de passe non sécurisé).
      100% compatible avec les versions 10.03.xx et celles à venir du CMS Zwii.
       
      Les mots de passe générés sont au format texte et peuvent être utilisés directement pour changer/créer un mot de passe d'un utilisateur à transmettre à celui ci.
      Ils peuvent aussi servir à d'autres endroits ou dans d'autre scripts demandant ce même type de mot de passe (exemple: Partage de dossiers/fichiers bien précis stockés sur vos espaces web);
      Le mot de passe généré peut ensuite être copier directement depuis un bouton prévu à cet effet puis coller là où ce sera nécessaire de mettre ce nouveau mot de passe non crypté...
      *  Ce module  étant basé sur le module officiel Redirection du cms, il est directement utilisable depuis l'éditeur TinyMCE en cliquant sur la barre d'outil "lien" dans celui ci. Cela vous permettra de proposer dans votre site (menu du site) une page dédiée à vos utilisateurs qui pourra s'ouvrir dans le fenêtre actuelle de votre navigateur ou dans un nouvel onglet de celui ci.
       

       

       

       

       

       
      Mise en œuvre
      1° Télécharger l'archive "simplemotdepasse.zip" et la décompresser sur votre pc.
      2° Envoyer le dossier nommé "module" à la racine de votre site crée avec ZwiiCMS
       
      Utilisation:
      1° Créer une page que vous nommerez du nom que vous désirez, par exemple "Générateur de mot de passe simple" ou autre....

       
      2° Choisir si cette page doit s'ouvrir dans l'onglet courant de votre navigateur ou dans un nouvel onglet ainsi que les droits de visibilité.

       
      3° Dans la partie module, sélectionner le module "Simplemotdepasse" puis cliquer sur la petite roue crantée pour entrer le lien de redirection vers le générateur de mot de passe.
       

       
      5° Dans la fenêtre qui s'ouvre entrer l'adresse qui ouvrira la page où vous pourrez générer un mot de passe ainsi:
        -  Si votre site est à la racine de votre nom de domaine ==>    /module/simplemotdepasse/view/vendor/Sgmdp.php
        -  Si votre site se trouve dans un sous dossier à la racine de votre nom de domaine ==>    /Nom_du_sous_dossier/module/simplemotdepasse/view/vendor/Sgmdp.php
       

       
      6° Enregistrer la configuration de la redirection puis la configuration de votre page.
       
      Restauration de votre ancienne configuration
      Rien de bien compliqué il vous suffit de supprimer le dossier "simplemotdepasse" dans le dossier module, de supprimer la page concernée par ce module et puis c'est tout. Vous retrouverez alors votre site ZwiiCMS tel que vous l'aviez conçu avant de vous servir de ce générateur de mot de passe.
       
      Enjoy les amis.
       
      *** N'oubliez pas aussi de revenir sur cette page laisser un petit commentaire si vous avez apprécié le travail réalisé pour ce module, c'est encourageant, gratifiant aussi pour celui qui l'a mis à disposition pour votre plus grand plaisir..
       
      # IMPORTANT A LIRE #
      Vous reconnaissez qu'en utilisant ce module sur votre site être entièrement responsable en cas de problème quel qu'il soit après sa mise en œuvre, je ne pourrais donc être considéré en aucun cas comme responsable de cet état de fait.
      💡 Pensez alors à faire une sauvegarde intégrale de votre site, ceci vous permettrait alors de revenir en arrière en réinjectant celle ci et retrouver votre site web tel que vous l'aviez conçu avant utilisation du script ci dessus.
       
    • Par roger
      Générateur de mot de passe à héberger
       
      Le module Gmdp (générateur de mot de passe) vous permettra de générer pour vos utilisateur à partir d'un mot de passe voulu de crypter celui ci de façon sécurisée (hash).
      100% compatible avec les versions 10.03.xx et celles à venir du CMS Zwii.
       
      Les mots de passe générés sont au même format que celui utilisé par le ZwiiCMS (ceux du user.json) et peuvent être utilisés directement pour changer dans ce fichier le mot de passe d'un utilisateur.
      Ils peuvent aussi servir à d'autres endroits ou dans d'autre scripts demandant ce même type de mot de passe (exemple: Partage de dossiers/fichiers bien précis stockés sur vos espaces web);
      Le mot de passe généré peut ensuite être copier directement depuis un bouton prévu à cet effet puis coller là où ce sera nécessaire de mettre ce nouveau mot de passe crypté...
       
      * Ce module  étant basé sur le module officiel Redirection du cms, il est directement utilisable depuis l'éditeur TinyMCE en cliquant sur la barre d'outil "lien" dans celui ci. Cela vous permettra de proposer dans votre site (menu du site) une page dédiée à vos utilisateurs qui pourra s'ouvrir dans le fenêtre actuelle de votre navigateur ou dans un nouvel onglet de celui ci.
       

       

       

       

       

       
      Mise en œuvre
      1° Télécharger l'archive "motdepassse.zip" et la décompresser sur votre pc.
      2° Envoyer le dossier nommé "module" à la racine de votre site crée avec ZwiiCMS
       
      Utilisation:
      1° Créer une page que vous nommerez du nom que vous désirez, par exemple Génération de mot de passe

       
      2° Choisir si cette page doit s'ouvrir dans l'onglet courant de votre navigateur ou dans un nouvel onglet

       
      3° Dans la partie module, sélectionner le module "motdepasse" puis cliquer sur la petite roue crantée pour entrer le lien de redirection vers le générateur de mot de passe.

       
      5° Dans la fenêtre qui s'ouvre entrer l'adresse qui ouvrira la page où vous pourrez générer un mot de passe ainsi:
        -  Si votre site est à la racine de votre nom de domaine ==>    /module/motdepasse/view/vendor/Gdmp.php
        -  Si votre site se trouve dans un sous dossier à la racine de votre nom de domaine ==>    /Nom_du_sous_dossier/module/motdepasse/view/vendor/Gdmp.php
       

       
      6° Enregistrer la configuration de la redirection puis la configuration de votre page.
       
      Restauration de votre ancienne configuration
      Rien de bien compliqué il vous suffit de supprimer le dossier "motdepass" dans le dossier module, de supprimer la page concernée par ce module et puis c'est tout. Vous retrouverez alors votre site ZwiiCMS tel que vous l'aviez conçu avant de vous servir de ce générateur de mot de passe.
       
      Enjoy les amis.
       
      *** N'oubliez pas aussi de revenir sur cette page laisser un petit commentaire si vous avez apprécié le travail réalisé pour ce module, c'est encourageant, gratifiant aussi pour celui qui l'a mis à disposition pour votre plus grand plaisir..
       
      # IMPORTANT A LIRE #
      Vous reconnaissez qu'en utilisant ce module sur votre site être entièrement responsable en cas de problème quel qu'il soit après sa mise en œuvre, je ne pourrais donc être considéré en aucun cas comme responsable de cet état de fait.
      💡 Pensez alors à faire une sauvegarde intégrale de votre site, ceci vous permettrait alors de revenir en arrière en réinjectant celle ci et retrouver votre site web tel que vous l'aviez conçu avant utilisation du script ci dessus.
×
×
  • Créer...