Aller au contenu
Support de Zwii
ClementL

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

Messages recommandés

Bonjour à toutes et à tous,

 

Je souhaitais vous partager une expérience de réalisation de boutique en ligne pour une association avec un site Internet basé sur Zwii.

Oui, c'est tout à fait possible ! 😉 

Je remercie @Fred pour ses conseils ! 

Puisse cette modeste contribution servir au plus grand nombre.

 

Voici le lien de l'article :

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

 

Et le lien de la boutique :

Boutique de l'association

Ca fait le job 😉

 

J'ai mis un peu un retour d'expérience ; les possibilités de cette solution semblent très nombreuses.

 

Bien amicalement

Clément

 

Modifié par ClementL
  • J'aime 1
  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Merci Clément pour la rédaction de cette article qui ouvre des perspectives nouvelles pour le CMS : la vente en ligne.

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Je pense même que d'ici peu il devrait être complété par un autre exemple d'un membre qui justement sur le principe de Snipcard est est train lui aussi de créer un site de vente en ligne avec le cms Zwii. Oui comme tu l'écris Fred, c'est une perspective plus qu'intéressante que d"allier Zwii avec un système de payement aussi pratique et diversifié que Snipcard.

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Oui merci à @ClementL par les temps qui courrent offrir cette fonctionnalité dans Zwii serait un vrai + et un vrai service à rendre.

On en discutait avec Fred pas plus tard qu'hier.

 

Bonne soirée

 

Sylvain

Modifié par sylvainlelievre
  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

En test et en production, les retours client sont positifs, le panier est bien pensé ; simplicité d'utilisation ; et mes acheteurs, ceux connus, sont plutôt quinquagénaire, sexagénaire ; le seul "hic", c'est le tableau de bord de gestion de la boutique qui est en anglais (pour le moment), ça peut freiner mais ça reste compréhensible. L'avantage, c'est que Snipcart s'adapte à tout site ; sur un simple site statique, on peut le mettre ; du coup, il s'adapte aux offres d'hébergement les plus light (par exemple OVH propose une offre gratuite Start10mo) ; faut juste veiller à avoir un site en https car ça peut rebuter les clients d'avoir un message d'alerte "cette connexion n'est pas sécurisée" (pour la vente c'est pas très rassurant)

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

J’avais dans l’idée de développer un module, impossible de rivaliser avec un tel produit.  

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Salut @Fred

Peut-être essayer de mettre en place une intégration de SnipCart facilitée pour Zwii ; si la partie administration reste assez simple avec le head et le body ;  il y a quelque chose à faire dans l'idée de ton insertion automatisée de bouton avec l'éditeur Tiny pour les personnes qui ne veulent absolument pas bidouiller dans le code (<>). Ca devrait prendre en compte les nombreuses options de configuration ... 

A voir si c'est possible et pas trop casse tête loool
En tout cas, il y a toute une partie à destination des développeurs
https://snipcart.com/fr/fonctionnalites/api-et-webhooks

 

Modifié par ClementL
  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour Clément et Fred,

 

Pour reprendre l'expression en cours dans les medias moi je serais pour un module Zwii de 'Clic' en liaison avec un module de 'Collect' tel que Snipcart,  à l'image de ce que propose Clément avec les inserts automatisés de boutons (que Fred a testé sur data/cargo).

En laissant la porte ouverte a d'autres solutions de 'Collect' et de paiement pour l'avenir...

 

Bon je ne dis pas grand chose de nouveau.

 

Bonne journée

 

Sylvain

Modifié par sylvainlelievre

Partager ce message


Lien à poster
Partager sur d’autres sites

D’un point de vue des projets de développement, après la 10.4 qui est en très bonne voie, il me semble important d’intégrer toutes ces modifications dans la version 11 multilingues. 
Ensuite j’imagine une modification en profondeur du cms au niveau de la gestion de contenus. Je m’explique, actuellement une page c’est du html et un module affiché avant ou après, l’idée est de pouvoir mettre ce

que l’on veut, plusieurs modules, plusieurs zones html. 

Cela ouvrirait des possibilités énormes, je pense que c’est un préalable à l’enrichissement de la gamme de modules. 
 

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Je viens de passer une bonne  heure à tenter de fusionner les modifications de la branche multilangues, ça bugue et ça me gave. Surtout ça ralentit le CMS, donc cette branche sera oubliée...

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour @ClementL,

 

Je suis en train de créer un plugin Snipart pour tinymce.

 

Au cours de mes essais je bute sur un problème que tu as résolu : les frais d'expédition.

 

Il s'agit probablement d'un problème de configuration du shipping dans Snipcart. J'ai voulu faire une tarification au poids.

 

Tu as fait comment ? (j'ai bien ajouté le data-item-weight au niveau du bouton)

 

Merci de ton aide.

 

Sylvain2020-11-12_12h06_06.png.08284f3887f5641c0b984541ef7cc03d.png

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour @sylvainlelievre

 

Je suis allé dans le menu Shipping

J'ai activé Enable Shipping (On)

Ensuite Custom Shipping, Custom Shipping Methods sur On et Configure.

J'ai donc créé des méthodes personnalisées pour chaque cas de figure (manuellement, c'était l'éclate totale... ça m'a rappelé Prestashop), 21 méthodes (ce sont surtout les pays francophones) - Create Shipping Method - et pour chaque cas de figure en terme de poids, j'ai mis les tarifs de notre prestataire (en l'occurence La Poste)

 

Après voilà le code pour un article

<button class="snipcart-add-item" data-item-id="C-6C-002-B-018" data-item-price="10.00" data-item-url="/publications" data-item-description="Récits et Témoignages sur Hersin-Coupigny durant la Guerre 14/18. Une ville d'arrière-front de la ligne de combats de la bataille de l'Artois distante d'une dizaine de kilomètres (Colline de Lorette, Côte de Loos, Vimy...).&nbsp;Elle fut témoin, victime et surtout actrice pendant toute la durée de la Guerre." data-item-image="/site/file/source/image/Boutique/vignette-temoignages1418.jpg" data-item-name="Hersin-Coupigny durant la Guerre 1914/1918 - Récits et Témoignages" data-currency="eur" data-item-weight="411">AJOUTER AU PANIER</button>

 

Pour ma part, ça marche, y'a peut-être plus simple, mais l'essentiel, tant que ça fonctionne 🙂

 

De ce que je comprends, le bouton n'a besoin que du "poids", ensuite c'est quand le client met son adresse de livraison que les taux sont calculés en fonction des méthodes définies dans la boutique ; s'il habite la France, il aura le tarif France que tu as défini en fonction du poids, s'il habite le Brésil, il aura le tarif défini en fonction du poids pour le Brésil etc. S'il habite un pays non coché au niveau des ventes, il pourra rien faire. 

 

J'espère que cela peut t'aiguiller

Au besoin

Clément

 

 

Capture d’écran 2020-11-12 à 13.02.16.png

Capture d’écran 2020-11-12 à 12.58.44.png

Partager ce message


Lien à poster
Partager sur d’autres sites

@ClementL,

 

Merci pour tes conseils, tout fonctionne désormais en test sur snipcart.

J'avais tout simplement mal compris la signification de ' FOR ORDER'S TOTAL ABOVE'

2020-11-12_16h37_42.png.c2b7518f614bbb3efe95c1d7f777ca77.png

Je suis une vraie bille en anglais !

 

Au passage je n'avais pas mis dans le button le data-currency="eur", c'est mieux avec !

 

Voilà à quoi ressemble pour l'instant la zone de saisie Snipcart dans Tinymce

2020-11-12_16h42_11.png.43f90fcdd460b0e610994c9212b82a6a.png

 

Bonne soirée

 

Sylvain

  • J'aime 2

Partager ce message


Lien à poster
Partager sur d’autres sites

Salut @sylvainlelievre

Désolé pour la réponse tardive, c'est super cette fenêtre dans l'éditeur, c'est cool ; ça sera bien utile pour celles et ceux qui ne connaissent rien en html et ne passent donc pas par <> (code source).

Dans la documentation de SnipCart, tu as toutes les options possibles pour un produit :
https://docs.snipcart.com/v3/setup/products

Est ce faisable ?

Cordialement

Clément

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour @Fred, @ClementL, @roger, @Thispy

 

Le plugin Tinymce Snipcart est fonctionnel.

Pour faire des essais à partir d'une version 10.3.05 de Zwii (master actuelle) :

1 - sauvegarder par précaution core/vendor/tinymce/init.js (seul fichier modifié et encore sur 2 lignes)

2 - décompresser puis déposer l'archive à la racine de votre site

Lire le mode d'emploi

Bien sur il faut créer un compte Snipcart de test (gratuit) et faire les paramétrages de base et installer dans votre Zwii les scripts head et body décrits par Clément en début de ce fil !

 

Bonne journée

 

Sylvain

 

Modifié par sylvainlelievre
version obsolète
  • J'aime 1
  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites

@Fred, @Thispy@ClementL, @roger

 

Ou plus simple voici en fichier joint une version 10.3.05 de Zwii 'Snipcart prête'

 

Après installation, pour un site de tes, il ne vous reste plus qu'à vous rendre dans la configuration de Zwii et tout en bas activer Snipcart et renseigner votre API KEY !

 

c'est pas beau la vie ?

 

le mode d'emploi est situé dans le post précédent

 

Bons tests

 

Modifié par sylvainlelievre
version obsolète
  • J'aime 1
  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites

La suite sera compliquée car avec la solution actuelle on ne peut pas modifier un bouton 'Ajouter au panier', même sa sélection pour un effacement est délicat...

Il faudrait trouver dans les ressources humaines un cador en javascript initié à l'api tinymce v4.x !!!

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites
Il y a 1 heure, sylvainlelievre a dit :

Ou plus simple voici en fichier joint une version 10.3.05 de Zwii 'Snipcart prête'

Pour sure que je vais tester cette version là. Et surtout tester ton "plugin" pour TinyMCE car si c'est ce que je pense, on va gagner un sacré temps rien que pour le bouton à incorporer sous un article à vendre qui te donne du fil à retordre.

@sylvainlelievre 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.

Le site étant pour l'instant confidentiel non mis en ligne (car il doit encore être peaufiné pour le législation en vigueur dans le pays concerné et certains prix d'articles à mettre à jour,) seul son gestionnaire pourrat vous en parler car il est le seul décisionnaire sur la chose. C'est aussi un bénévole qui donne de son temps car amoureux du CMS Zwii comme notre ami ClementL qui a partagé ici son expérience et infos sur le sujet snipcart.

Sans en dévoilé plus je peux affirmer que snipcard fonctionne à 100% dans un zwiicms.

💡 J'ai chez eux un compte et la clé api qui va bien depuis quelques mois déjà

 

Sylvain, tu as fait le plus gros boulot pour intégrer la base des boutons dans le tinymce, compte sur moi pour chercher ce qui "cloche" dans le cas du bouton....rien n'est impossible pour qui adore "bidouiller son éditeur favori" comme tu le sais.

Je teste et je m'y colle aussitôt sur la base de ton travail et te fais les remontées comme dab si tu en as besoin 👍

Roger

 

 

 

Partager ce message


Lien à poster
Partager sur d’autres sites

@ClementL @sylvainlelievre @Thispy @Fred ,

 

Il ne faut pas me proposer un truc à tester!!!!! car le résultat c'est que je test.

@sylvainlelievre validation à 100% de l'intégration de ton plugin pour TinyMCE 👍

@ClementL merci à toi d'avoir créer le sujet en montrant que c'était possible. 😀

@Thispy pour une prochaine version, tu sais que maintenant ce sera plus facile à intégrer 🤪

@Fred Et une nouvelle palette fonctionnelle que proposera le CMS en plus de toutes les merveilles qu'il offre déjà. 🤓

 

- Pour la part, j'ai juste repris le css snipcart perso que j'avais injecté dans ma version première citée au dessus (ça évite de devoir mettre dans le head le script css proposé par snipcart et surtout mieux customiser la fenêtre quand on est connecté au zwii en admin ou autre.

- Ensuite j'ai installé telle que la version zwii entière proposée par Sylvain (10.3.05)

 

Une fois n'est pas coutume, je vous laisse regarder et tester ici le fruit du travail accompli par Sylvain, vous cliquez simplement dans le menu sur "Merci Sylvain"

 

==>   http://www.lechti64.info/snipcart_10305/

 

Roger

 

 

  • J'aime 1

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...