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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.


  • Contenu similaire

    • Par sylvainlelievre
      Ce module va vous permettre d'insérer un diaporama responsif dans une page Zwii.
       
      Voir ce module en situation
       
      Version 3.2 testée avec Zwii 9.2.28 et jusqu'à Zwii 10.3.09
       
       
      Par configuration vous pourrez obtenir cet aspect :

      La navigation se fait en cliquant sur la zone droite ou gauche de l'image.
      Le texte apparaît de façon progressive au survol de l'image.
      Arrêt du défilement automatique au survol de l'image.
       
       
      Celui là :

      Navigation par boutons discrets.
      Le texte et les boutons apparaissent de façon progressive au survol de l'image.
      Arrêt du défilement automatique au survol de l'image.
       
      Ou encore cette version avec légende en haut et boutons de navigation rectangulaires :

       
      Une version sans les puces de navigations :

      Le module Slider peut être utilisé dans une page avec gabarit
       

       
       
      Le diaporama est basé sur responsiveslides.com, le module Zwii slider est basé sur le module Zwii gallery de @Rémi. Merci à @Gilux et à @roger pour leurs contributions dans le CSS et à @Fred pour ses conseils et la mise à jour du fichier edit.js.php.
       
      #Installation
       
      1- Dézipper l'archive slider_vxx.zip
      Elle contient le dossier slider et 1 autre fichier dont nous verrons l'utilité plus loin (edit.js.php).
       
      Si vous avez déjà fait l'installation d'une ancienne version du module slider, il est préférable de la supprimer avant de poursuivre. Si la version précédemment installée était >= 2.3 vous pourrez réutiliser votre diaporama après avoir procédé à nouveau à son paramétrage, pour une version plus ancienne il faudra le recréer.
       
      2 - Avec votre logiciel FTP transférer le dossier slider dans le dossier module de votre site (attention module, pas core/module)
       

       
       
      Résultat obtenu pour le site dev9test
       
      slider/vendor/js/ contient le fichier javascript nécessaire au fonctionnement du module.
       
      slider/view/index/ contient 4 fichiers : index.php responsable de l'affichage du diaporama, index.css qui regroupe tous le CSS du diaporama et themes.gif,  themes.svg pour les 2 boutons proposés.
       
      slider/view/config/ et slider/view/edit/ proviennent du module gallery et sont utilisés pour le paramétrage du diaporama. Ils sont légèrement modifiés.
       
       
      #mode d'emploi
       
      1 - Créer une nouvelle page, modifier cette page

       
      2 - Sélectionner le module Slider et choisir la position du module dans la page
       
      A partir de la version 9.2.07 de Zwii l'option "Position du module dans la page" apparaît. Elle vous permet de choisir où le diaporama va s'afficher dans la page.
      La position "libre" vous permet d'insérer du contenu avant et après le diaporama en saisissant [MODULE] à l'endroit voulu dans votre page.
       

       
      Avec des versions 9 de Zwii plus anciennes vous pouvez remplacer par FTP le fichier core/module/page/view/edit/edit.js.php par celui contenu dans l'archive et dont on a parlé plus haut. Si non votre diaporama s'affichera uniquement en bas de page.
       
      Cliquez sur l'icone "roue dentée", positionnée à côté du choix de module, pour passer à l'étape 3.
       
      3 - Choisir le dossier contenant les images
       
      Vous aurez au préalable chargé les images du diaporama dans un dossier à l'intérieur de site/file/source/ (par FTP ou par le gestionnaire de fichiers intégré à Zwii).
      A ce propos 3 remarques :
      * Le diaporama va s'adapter automatiquement au format (16/9, 4/3,...) ou à l'orientation des images mais je trouve que le meilleur résultat visuel sera obtenu avec des images de même format et de même orientation. Mais ce n'est qu'une opinion personnelle, vous êtes libre de mixer différentes images.
      * Le diaporama va afficher l'image dans le même conteneur quelque soit sa taille, une image trop petite va être dilatée, une image trop grande va augmenter le temps de chargement du diaporama. Je vous conseille des images de largeur minimum 800px si votre paramétrage de la " Largeur maxi du diaporama " est à 800px.
      * L'ordre de passage est maintenant paramétrable.
       

       
       
      Saisissez un nom, sélectionnez un dossier cible puis cliquez sur l’icône dossier. Vous devez obtenir ceci :
       

       
       
      Pour passer à l'étape suivante cliquez sur l'icône "crayon" située sous "Paramétrage du diaporama".
       
      4 - Paramétrage du diaporama.
       

       
       
      Sur cette page de paramétrage, après un rappel du nom et du dossier cible des images, vous avez accès aux réglages suivants :
      Choix du type de navigation manuelle par boutons ou par zones droite ou gauche de l'image, Choix du type de boutons, flèche dans un rectangle noir ou dans un cercle blanc. Visibilité des puces de navigation ou pager, Largeur maxi du diaporama en pixels, le réglage "100%" correspond à la largeur du site définie en configuration - 40 pixels, La durée de la transition, en secondes ou en millisecondes, entre diapositives (fading) , La durée totale d'affichage, en secondes ou en millisecondes, d'une image (fading compris, au minimum durée de la transition + 100ms), La visibilité de la légende uniquement au survol de l'image, toujours visible ou jamais visible, La position de la légende en bas ou en haut de l'image, Le temps d'apparition de la légende et des boutons, Le choix du type de tri des images, La saisie des légendes.  
      N'oubliez pas d'enregistrer.
       
      # C'est possible
       
      Dans un même site Zwii vous pouvez insérer plusieurs diaporamas avec pour chacun des paramétrages différents.
       
      # C'est pas possible
       
      Dans une page Zwii vous ne pouvez insérer qu'un seul diaporama.
       
      Avec Zwii ce n'est pas possible d'insérer plus d'un module par page, vous ne pourrez donc pas insérer un diaporama (module slider) dans une page de blog (module blog) ou dans un formulaire (module form).
       
       
       
    • Par sylvainlelievre
      Voir le fichier Diaporama Slider
       
      Ce module va vous permettre d'insérer un diaporama responsif dans une page Zwii.
       
      Voir ce module en situation
       
      Version 3.2 testée avec Zwii 9.2.28 et jusqu'à Zwii 10.3.09
       
       
      Par configuration vous pourrez obtenir cet aspect :

      La navigation se fait en cliquant sur la zone droite ou gauche de l'image.
      Le texte apparaît de façon progressive au survol de l'image.
      Arrêt du défilement automatique au survol de l'image.
       
       
      Celui là :

      Navigation par boutons discrets.
      Le texte et les boutons apparaissent de façon progressive au survol de l'image.
      Arrêt du défilement automatique au survol de l'image.
       
      Ou encore cette version avec légende en haut et boutons de navigation rectangulaires :

       
      Une version sans les puces de navigations :

      Le module Slider peut être utilisé dans une page avec gabarit
       

       
       
      Le diaporama est basé sur responsiveslides.com, le module Zwii slider est basé sur le module Zwii gallery de @Rémi. Merci à @Gilux et à @roger pour leurs contributions dans le CSS et à @Fred pour ses conseils et la mise à jour du fichier edit.js.php.
       
      #Installation
       
      1- Dézipper l'archive slider_vxx.zip
      Elle contient le dossier slider et 1 autre fichier dont nous verrons l'utilité plus loin (edit.js.php).
       
      Si vous avez déjà fait l'installation d'une ancienne version du module slider, il est préférable de la supprimer avant de poursuivre. Si la version précédemment installée était >= 2.3 vous pourrez réutiliser votre diaporama après avoir procédé à nouveau à son paramétrage, pour une version plus ancienne il faudra le recréer.
       
      2 - Avec votre logiciel FTP transférer le dossier slider dans le dossier module de votre site (attention module, pas core/module)
       

       
       
      Résultat obtenu pour le site dev9test
       
      slider/vendor/js/ contient le fichier javascript nécessaire au fonctionnement du module.
       
      slider/view/index/ contient 4 fichiers : index.php responsable de l'affichage du diaporama, index.css qui regroupe tous le CSS du diaporama et themes.gif,  themes.svg pour les 2 boutons proposés.
       
      slider/view/config/ et slider/view/edit/ proviennent du module gallery et sont utilisés pour le paramétrage du diaporama. Ils sont légèrement modifiés.
       
       
      #mode d'emploi
       
      1 - Créer une nouvelle page, modifier cette page

       
      2 - Sélectionner le module Slider et choisir la position du module dans la page
       
      A partir de la version 9.2.07 de Zwii l'option "Position du module dans la page" apparaît. Elle vous permet de choisir où le diaporama va s'afficher dans la page.
      La position "libre" vous permet d'insérer du contenu avant et après le diaporama en saisissant [MODULE] à l'endroit voulu dans votre page.
       

       
      Avec des versions 9 de Zwii plus anciennes vous pouvez remplacer par FTP le fichier core/module/page/view/edit/edit.js.php par celui contenu dans l'archive et dont on a parlé plus haut. Si non votre diaporama s'affichera uniquement en bas de page.
       
      Cliquez sur l'icone "roue dentée", positionnée à côté du choix de module, pour passer à l'étape 3.
       
      3 - Choisir le dossier contenant les images
       
      Vous aurez au préalable chargé les images du diaporama dans un dossier à l'intérieur de site/file/source/ (par FTP ou par le gestionnaire de fichiers intégré à Zwii).
      A ce propos 3 remarques :
      * Le diaporama va s'adapter automatiquement au format (16/9, 4/3,...) ou à l'orientation des images mais je trouve que le meilleur résultat visuel sera obtenu avec des images de même format et de même orientation. Mais ce n'est qu'une opinion personnelle, vous êtes libre de mixer différentes images.
      * Le diaporama va afficher l'image dans le même conteneur quelque soit sa taille, une image trop petite va être dilatée, une image trop grande va augmenter le temps de chargement du diaporama. Je vous conseille des images de largeur minimum 800px si votre paramétrage de la " Largeur maxi du diaporama " est à 800px.
      * L'ordre de passage est maintenant paramétrable.
       

       
       
      Saisissez un nom, sélectionnez un dossier cible puis cliquez sur l’icône dossier. Vous devez obtenir ceci :
       

       
       
      Pour passer à l'étape suivante cliquez sur l'icône "crayon" située sous "Paramétrage du diaporama".
       
      4 - Paramétrage du diaporama.
       

       
       
      Sur cette page de paramétrage, après un rappel du nom et du dossier cible des images, vous avez accès aux réglages suivants :
      Choix du type de navigation manuelle par boutons ou par zones droite ou gauche de l'image, Choix du type de boutons, flèche dans un rectangle noir ou dans un cercle blanc. Visibilité des puces de navigation ou pager, Largeur maxi du diaporama en pixels, le réglage "100%" correspond à la largeur du site définie en configuration - 40 pixels, La durée de la transition, en secondes ou en millisecondes, entre diapositives (fading) , La durée totale d'affichage, en secondes ou en millisecondes, d'une image (fading compris, au minimum durée de la transition + 100ms), La visibilité de la légende uniquement au survol de l'image, toujours visible ou jamais visible, La position de la légende en bas ou en haut de l'image, Le temps d'apparition de la légende et des boutons, Le choix du type de tri des images, La saisie des légendes.  
      N'oubliez pas d'enregistrer.
       
      # C'est possible
       
      Dans un même site Zwii vous pouvez insérer plusieurs diaporamas avec pour chacun des paramétrages différents.
       
      # C'est pas possible
       
      Dans une page Zwii vous ne pouvez insérer qu'un seul diaporama.
       
      Avec Zwii ce n'est pas possible d'insérer plus d'un module par page, vous ne pourrez donc pas insérer un diaporama (module slider) dans une page de blog (module blog) ou dans un formulaire (module form).
       
       
       
      Contributeur sylvainlelievre Soumis 25/09/2019 Catégorie Galeries  
    • Par roger
      Traduire le Site Zwii (en 64 langues)
      Voir le fichier Vous aimeriez offrir à vos visiteurs la possibilité de parcourir votre ZwiiCMS dans leur langue maternelle.
      Vous avez des collaborateurs sur votre site qui n'utilisent pas le français ou le maîtrisent mal
      Vous êtes au bon endroit pour offrir ce bonheur à vos utilisateurs.
       

       
      Entièrement compatible avec les versions de ZwiiCMS 10.x.xx et suivantes.
      Ce module de traduction se plaçant dans votre menu de site est basé sur l'api de Google traduction adaptée pour graphiquement "coller" au style de votre site.
       
      Le zip nommé "Traduire site.zip" contient deux dossiers:
      - un dossier nommé "installer"
      - un fichier nommé "installation.txt"
       
      INSTALLATION:
      1° Une fois décompressée l'archive envoyez tout le contenu intérieur du dossier "installer" à la racine de votre site
      👉  Deux dossiers sont à envoyer à la racine de votre zwii:
      -   un dossier nommé "core"
      -   un dossier nommé "site""
       
      1°  Dans main.php rechercher ceci:
       
      <div id="toggle">  
      2° Sélectionner <div id="toggle"> et le remplacer par le code proposé ci dessous
      IMPORTANT==> Le code est à copier à 4 endroits où ce trouve <div id="toggle">
       
      <span style="float:right;padding:15px;" id="bouton_texte" onclick="javascript:afficher_cacher('trad');" data-tippy-content="Traduire le site" tabindex="0"><img src="./site/file/source/icones/langue.png" style="width: 24px;" loading="lazy"></span> <div id="trad"><div id="google_translate_element" style="float: right;"></div></div> <div id="toggle">  
      3°  Dans le body (script) ajouter
       

       

       
      <script type="text/javascript"> afficher_cacher('trad'); function afficher_cacher(id) { if(document.getElementById(id).style.visibility=="hidden") { document.getElementById(id).style.visibility="visible"; document.getElementById('bouton_'+id).innerHTML='Cacher la barre'; } else { document.getElementById(id).style.visibility="hidden"; document.getElementById('bouton_'+id).innerHTML='Afficher la barre'; } return true; } </script>  
      RESTAURATION:
      Suivez la même procédure que pour l'installation mais cette fois ci inversez les consignes:

       
      1° Rechercher :
      <span style="float:right;padding:15px;" id="bouton_texte" onclick="javascript:afficher_cacher('trad');" data-tippy-content="Traduire le site" tabindex="0"><img src="./site/file/source/icones/langue.png" style="width: 24px;" loading="lazy"></span> <div id="trad"><div id="google_translate_element" style="float: right;"></div></div> <div id="toggle"> 2° Le remplacer par:
          
      <div id="toggle">  
      3° rendez vous dans les scripts de votre body et supprimez y le script suivant
      <script type="text/javascript"> afficher_cacher('trad'); function afficher_cacher(id) { if(document.getElementById(id).style.visibility=="hidden") { document.getElementById(id).style.visibility="visible"; document.getElementById('bouton_'+id).innerHTML='Cacher la barre'; } else { document.getElementById(id).style.visibility="hidden"; document.getElementById('bouton_'+id).innerHTML='Afficher la barre'; } return true; } </script>  
      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 script 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 11/11/2020 Catégorie Modifications et astuces  
×
×
  • Créer...