Blogspx

Projet spx pour booster pluxml

Vous êtes ici : accueil » article » Spxwunslider : unslider pour pluxml

Spxwunslider : unslider pour pluxml

Rédigé par je-evrard / 11 juillet 2014 / 8 commentaires

spxwunslider c'est quoi ?

Ce plugin va vous permettre d'administrer l'affichage de un ou plusieurs sliders composés pour chaque slide de :

  • une image
  • un titre (optionnel)
  • un sous titre (optionnel)
  • un bouton lien (optionnel)

Gestion des plugins

Le slider utilise la librairie javascript unslider.

Voici un exemple de slider dans un article.

  • The jQuery slider that just slides.

    No fancy effects or unnecessary markup, and it’s less than 3kb.

    DOWNLOAD
  • Fluid, flexible, fantastically minimal.

    No fancy effects or unnecessary markup, and it’s less than 3kb.

    DOWNLOAD
  • Open-source.

    No fancy effects or unnecessary markup, and it’s less than 3kb.

    DOWNLOAD
  • Uh, that’s about it.

    No fancy effects or unnecessary markup, and it’s less than 3kb.

    DOWNLOAD

  • test

    sqdqdqdqsd

  • test2

    dfsdfsdf

 

l'administration du slider se trouve dans la partie widget :

Gestion des plugins

Un nouveau widget est mis en place : unslider.

Gestion des plugins

Gestion des plugins

Note importante :

Ce plugin, d'un genre nouveau, est utilisé comme widget du plugin spxdatas.

Pour rappel : spxdatas permet la gestion et l'administration de données structurées (widgets).

Vous devrez donc avoir installer au préalable le plugin spxdatas dans le dossier plugin de pluxml. Pour la configuration de spxdatas, c'est extrèmement simple... voir l'installation ici.

il est indispensable d'obtenir une version de spxdatas supérieur >= version 1.60.

Ci dessous voici la configuration des plugin que vous devriez obtenir :

Gestion des plugins

Configuration widget

le plugin contient une configuration en deux parties.

A noter : si vous n'êtes pas intéressé par cette étape vous pouvez directement valider la configuration par default sans rien changer et passer à l'étape suivante.

Configuration générale

La configuration générale du plugin va vous permettre de paramétrer les droits de l'administration du slider et son affichage.

Vous pouvez finement interdire la lecture, la création, la modification, la suppression en fonction du niveau d'administration non seulement dans la liste des sliders mais aussi dans son contenu.

Gestion des plugins

Il est possible d'enregistrer les données de l'administration en json ou en xml (a noter que le json est moins lourd et plus rapide).

Vous pouvez aussi définir les champs que vous voulez afficher et administrer (titre, paragraphe, bouton).

Enfin, il est possible d'afficher ou non les points pour slider et de régler la vitesse de transition.

Traduction administration du widget

La partie administration du widget est traduites en deux langues (français et anglais).

Cette traduction peux être modifiée à votre convenance.

Gestion des plugins

Choissiser la langue de votre choix. Modifier les champs et enregistrer.

Note : Vous pouvez revenir à une traduction par default d'un champs en laissant le champs de texte vide. Pour un champs vide vous devrez mettre le caractère "-" dans le champs.

Création du widget

Accès à l'administration du widget

Cliquer sur "widget" dans l'admin de pluxml pour accéder à l'administration des widget..

Gestion des plugins

Cliquer sur l'onglet "unslider" pour accéder à l'administration du slider.

Gestion des plugins

Cliquer sur "nouvelle entrée" pour créer un premier slider.

Gestion des plugins

Sur la nouvelle page qui apparaît rentrer le titre du slider et cliquer sur "enregistrer".

Gestion des plugins

Vous venez de créer votre premier slider.

Maintenant, pour rentrer du contenu dans le slider cliquer sur "editer" correspondant à ce nouveau enregistrement.

Gestion des plugins

Sur la nouvelle page qui apparaît cliquer sur "nouvelle entrée".

Gestion des plugins

Une nouvelle page apparaît vous permettant de rentrer les informations de votre premier slide.

Vous pouvez saisir le titre, la description, l'image, le texte du bouton et son url (ces options sont disponibles selon le paramétrage du plugin)

Gestion des plugins

Cliquer sur l'icone de l'image pour ouvrir une fenêtre popup du gestionnaire de média.

Gestion des plugins

Sélectionner votre image en cliquant sur son nom.

Gestion des plugins

L'image sélectionnée apparaît dans l'édition de votre slide. Cliquer sur "enregistrer" pour valider votre slide.

Gestion des plugins

Votre premier slide est créé. Bravo.

Gestion des plugins

Vous pouvez créer autant de slide que vous désirez. L'ajout se fait donc en appuyant sur "nouvelle entrée".

L'image ci-dessous présente 4 slides différents.

Gestion des plugins

Pour modifier l'ordre des slides, il suffit de cliquer sur l'icone de "drag and drop" et de faire un glisser déposer du slide jusqu'à la position désirée.

Gestion des plugins

N'oublier pas d'enregistrer pour valider la modification de l'ordre de vos slides.

Gestion des plugins

A noter :

  • Pour modifier un slide cliquer sur "Options" de la ligne correspondante.
  • Pour supprimer un slide, clique dans la case a cocher sur la ligne correspondante, sélectionner "supprimer" dans la liste des actions et appyer sur "ok".
  • Pour revenir à liste des sliders dans l'édition des slider cliquer sur "retour à la page précédente"

Affichage coté client

Utilisation du hook du plugin

Pour afficher le slider il y a deux possiblités. Vous pouvez utiliser l'id de l'enregistrement ou le titre du slider.

Gestion des plugins

Voici un exemple d'usage du hook dans une page statique. Ici on affiche le slider dont l'id est 001.


<?php
global $plxShow;
echo ($plxShow->callHook('spxwunslider::getUnsliderID', '001'));
?>

Voici un exemple d'usage du hook dans une page statique. Ici on affiche le slider dont le titre est 'Mon premier slider'.


<?php
global $plxShow;
echo ($plxShow->callHook('spxwunslider::getUnsliderTitle', 'Mon premier slider'));
?>

Il est possible d'utiliser un shortcode à la condition d'avoir installer le plugin spxshortcodes ici (version supérieur ou égal à 1.2)

Voici un exemple d'usage de shortcode. Ici on affiche le slider dont l'id est 001.


[SPXWUNSLIDER id=001 ]

Voici un exemple d'usage de shortcode. Ici on affiche le slider dont le title est 'Mon premier slider'.


[SPXWUNSLIDER title='Mon premier slider' ]

8 commentaires

#1 jeudi 29 janvier 2015 @ 12:46 yfoyaka a dit :

Merci beaucoup pour cet article (trés clair) !
Le plugin spxwunslider est magnifique !!

Juste une question concernant l'installation (sur PluXML).
Actuellement je n'arrive pas à modifier quuoiquecesoit dans le menu widget.
(je navigue par contre normalement à l'interieur)

J'ai verifier tous les chemins, j'ai mis tous le repertoire spxdatas en 777
Toujours rien ...
J'ai forcement du oublier quelque chose ..

Voyez vous d'où pourrez provenir ce soucis ?
Un droits oublié quelque part ..
(pluxml 5.3.1, plugin activés : "spxdatas 1.60", "spxwunslider 1.2", "jquery 1.4.4, version 1.7.1 (24/12/11), pas trouvé plus recent)"

Au fait, Bravo pour le theme SIMPLE BOX : "theme portfolio one page administrable" : tout simplement superbe !!
http://forum.pluxml.org/viewtopic.php?id=4742

#2 jeudi 29 janvier 2015 @ 14:52 je-evrard a dit :

Bonjour,

Merci pour les compliments ça me fait plaisir.

Pour spxdatas il faut que tes droit soit en 755 et non en 777 et en récusrsif. (777 c'est dangereux et tu risques d'avoir une erreur 500 dans le gestionnaire de médias de spxdatas)

Quand tu dis : "je n'arrive pas à modifier quuoiquecesoit dans le menu widget" - tu parles de l'enregistrement ?
Pour l'enregistrement il faut que tu regardes ou sont enregistrés les données de spxdatas et que le folder des données soit accessibles en écriture en 755 et en récursif.

Si jamais tu galères je peux jeter un oeil sur ton serveur ftp.

Bon courage et a+

jéjé

#3 vendredi 30 janvier 2015 @ 09:43 yfoyaka a dit :

Bonjour Jéjé,
Merci pour ta reponse.
(ze m'attendais pas à ce que ca soit si rapide ...)

J'ai testé les points que tu m'as indiqué mais, sauf erreur de ma part, toujours rien..
(J'ai dû laisser un grain de sable quelque part, ... pas evident à trouver)

En reponse à tes questions, je mets du 777 uniquement pour les tests, pour voir si le pb ne viendraient pas de droits inappropriés.
Par contre les droits par défauts sur PluXML que j'ai positionnés ne sont peut-etre pas bon (..??)

Dans le widget, je n'arrive pas à créer par exemple une entrée "mon premier slider".

si tu as un moment, tu peux acceder à mon site de test (http://test.tech-off.fr/)
Sur la 1ere page, j'ai fait des copies d'ecran des droits de l'arborescence du sites

Un grand grand merci pour ton aide et le temps que tu y consacres!!
(je me suis apercu du travail effectué et du temps passé quand j'ai commencé moi-même à mettre en oeuvre mon site)

A Bientot
david

#4 vendredi 30 janvier 2015 @ 10:44 je-evrard a dit :

Tu peux me donner ton adresse email stp

#5 vendredi 30 janvier 2015 @ 10:52 yfoyaka a dit :

Oups oublié ..
Je l'ai rajouté dans le champs correspondant

#6 samedi 13 juin 2015 @ 15:17 Elsa a dit :

Merci pour ce superbe article

#7 vendredi 28 août 2015 @ 13:44 nox a dit :

Bonjour,

J'ai le même problème que yfoyaka
quel a été la solution SVP.

Config :
pluxml 5.4
spxdatas 1.77
spxwunslider 1.3
nginx php debian

Merci et bonne continuation ;o)

#8 mercredi 02 décembre 2015 @ 16:00 boubouchrisd a dit :

Bonjour,
J'ai installé spxdatas 1.78 et spxwunslider 1.3. Dans widget > unslider, lorsque je fais "nouvelle entrée", remplis le titre, puis fais enregistrer, rien n'est créé. Avez-vous une idée de la cause de ceci ? Merci par avance (je débute sur pluxml)

Écrire un commentaire

 Se rappeler de moi sur ce site

Quelle est la deuxième lettre du mot tvic ? :