Difficile d'aborder les gestionnaires de slideshow, et d'en choisir un à présenter, tellement l'offre est importante, que ce soit en payant ou en gratuit, chaque éditeur, chaque développeur y va de son petit module avec chacun sa particularité.

Des gros éditeurs de templates incluent leur propre outil : Rocksprocket chez rockettheme, Widgetkit chez Youtheme, etc ... Ces slideshows possèdent la particularité d'afficher les articles de manière dynamique.
En France, et avec le support pratique qui est sa marque de fabrique, CK slider est la référence pour qui utilise la panoplie CK.

Mais existe-il un composant regroupant TOUTES les fonctionnalités (et en écrivant toutes, je ne crois guère me tromper), avec une interface conviviale, et pour un prix modique dans la version pro ?

Découvrons ensemble ce que peux nous apporter smartslider3, l'objectif de cet article n'étant pas de vous fournir un tutoriel complet, mais une présentation des capacités du composant. (la traduction du composant en français étant en cours, les textes des captures seront sûrement différents de ceux de votre installation).

Les versions

Sur la page smartslider3.com/pricing vous allez pouvoir visualiser les trois versions :

• Free : Gratuite, permettant de tester, les fonctionnalités sont moindres mais vous allez pouvoir vous accaparer facilement de l'interface.
• Personnal : Pour 25$ soit 19€ , une licence d'un an pour un site, à laquelle vous pouvez ajouter un support prioritaire et une aide à l'installation par teamviewer d'une heure. Vous devrez choisir votre plateforme.
• Lifetime : Pour 100$ soit 95€ une licence illimitée pour 50 sites, à laquelle vous pouvez ajouter un support prioritaire et une aide à l'installation par teamviewer d'une heure. Votre produit sera multi-plateforme.

Jusqu'à la fin du mois de mars, Smart Slider vous propose une réduction de - 20% en utilisant le code CINNK20

Smart Slider - Prix

Les plateformes

Smartslider est installable sur Joomla, mais également sur wordpress, magento, ou en version html. Dans cet article, nous étudierons uniquement la version Joomla.

Installation

L'installation se fait de manière classique par le gestionnaire d'extensions de Joomla. Le paquet contient le composant, un module, et une quantité de plugins.

Bienvenue dans le composant

Nous retrouvons dans le composant une interface conviviale et pratique avec un menu (1) et un interrupteur permettant de passer du mode simple au mode expert (2)
D'emblée, un slider (ensemble de diapositives) est à votre disposition (3) afin de vous accoutumer à certains préréglages.
Vous pouvez également créer un slider (4) , en importer un depuis le site exemple (5) ou depuis un fichier d'import (6)
Les mises à jour se font simplement (7) si vous avez une version payante il vous suffira de renseigner la clé de licence (8).

Aide dans l'extension Smart Slider

De l'aide permanente !

L’équipe de Nextend a le souci de la bonne prise en main de son composant et mets à disposition des outils divers et variés de support.
Depuis le composant (comme depuis le site) vous avez accès directement à :

• 9. Une documentation interactive en ligne (traduction française bientôt disponible)
• 10. Des tutoriels d'aide vidéos
• 11. Un support avec de vrais personnes sympathiques et qui connaissent l'outil
• 12. La possibilité de recevoir la newsletter
• 13. Un système d'aide contextuelle en anglais, qui démontre la volonté didactique de Nextend.

Fonctions de base

Le temps et l'espace nous manquant ici, je ne ferai pas le détail des possibilités de smart slider3 ,sachez tout simplement que cela fait tout ce que les autres font, oui tout.

Ajout de diapositive, paramétrage des titres, des boutons de défilement, des couleurs, des bordures, des miniatures, des animations, animation du background, tout y est.

Voici quelques captures d'écran des exemples que vous trouverez inclus :

Paramétrage du slider - Smart Slider

Paramétrage de chaque slide avec prévisualisation sur chaque appareil

Choix du type de slider

etc... etc ...

Intéressons nous maintenant à ce qui fait la différence :

Les imports d'exemples

Plusieurs composants de slides shows proposent des exports et imports de fichiers, vous permettant de sauvegarder des fichiers exemples, Smart Slider possède cette fonctionnalité aussi mais vous offre en plus la possibilité d'importer des exemples directement dans votre site depuis leur site de démo :

Smart Slider - Imports d'exemple

Et à partir de là, ce n'est ni plus ni moins que 48 sliders exemples aussi divers que variés qui vous sont proposés (4 en version FREE)

Données d'exemple en Frontend

Ces exemples sont non seulement bien élaborés, mais modifiables ad volo ... de quoi s'amuser, s'inspirer, ou tout simplement gagner du temps.

Création de sliders dynamiques depuis le contenu

Une des grandes forces de smart slider est l'intégration de contenus automatisés. Vous pouvez créer un nouveau slider.

Sliders dynamiques - Choisir son format

Créer des diapositives dynamiques

et choisir parmi les nombreuses possibilités, quelle sera la source de ces slides.

Comme vous pourrez vous en rendre compte, les sources sont très nombreuses :

• 500px
• Dribble
• Ecwid
• Facebook
• Flickr
• Depuis un dossier
• Instagram
• Pinterest
• Depuis un fichier text
• Twitter
• Youtube
• Contenu
• Joomla
• Virtuemart
• Cobalt
• Easy discuss
• Easy Blog
• Easy Social
• Eshop
• Flexicontent
• Hikashop
• Ignite Gallery
• Jevents
• Jom social
• Joomshopping
• Jreviews
• K2
• Mijoshop
• Odude
• Ecards
• Phocagallery
• Redshop
• Rsevent pro
• Zoo

Cela vous permets donc de générer vos slides à la volée, avec des particularités propres à chaque source : par exemple, si vous possédez une boutique citée au dessus, vous pourrez configurer l'affichage de produit d'une catégorie, en affichant des champs dans des layouts ( par exemple le titre , le prix, le prix remisé, la mini description, etc)
Seule votre imagination sera votre limite.

Et à chaque fois, un bouton vous permettra de voir quels sont les enregistrements pris en compte afin de ne pas vous tromper dans vos articles.

Et, cerise sur le gâteau, si vous désirez changer vos slides un à un une fois créés, vous pouvez le faire grâce à la fonction static save

Fonction static save

Des calques qui peuvent tout faire...

Chaque slide dispose de calques, et vous pouvez en ajouter, qu'ils soient animés ou pas.

Différents calques sur un slide

Que vous vouliez ajouter un texte, un bouton avec lien, une entrée, une icône, un module joomla, une vidéo, votre propre code html, c'est faisable et vous appliquerez les effets css et les animations désirés, aucun n'a été oublié.

Et avec tout cela, une prévisualisation avant de sauvegarder et publier.

Intégration parfaite dans joomla !

Une fois configuré votre slider peut être intégré de façons différentes dans joomla :

Smart Slider - Intégration dans Joomla!

Vous pouvez :

• créer un module
• mettre un code directement dans un article
• ajouter du code PHP directement dans votre code source

Conçu pour l'utilisation mobile

Smartslider a été pensé pour les nouveaux appareils mobiles et tablettes.
Non seulement il est responsive, mais la prévisualisation se fait dans tous les formats et vous avez la possibilité de désactiver chaque slider en fonction de l'écran.

Un support hors-pair

Comme je vous le disais au début, ce qui m'a personnellement bluffé, outre l'aspect technique du composant, c'est la réelle volonté pratique de l'équipe. Non seulement d'aider, mais de répondre à TOUTES les attentes des utilisateurs.

Ainsi, dans toutes les parties du composant, vous verrez des aides, des accès au support, mais également une aide interactive et contextuelle n'existant pas dans les autres composants, c'est en anglais, mais pas trop technique.

smart Slider - Support

Pour conclure

Je ne vais pas m'étaler sur l'étendue des styles, des polices, etc ... Le mieux étant de juger par vous même : visitez, testez, et je suis certain qu'un grand nombre d'entre vous mettront cet outil à proximité sur leur établi Joomla ! Voici donc pour terminer quelques captures d'écran prises au hasard dans les démos du site : smartslider3.com ( démos téléchargeables selon le type d'abonnement)