Recherche
Ressources































  • Contact
    Par téléphone :
    04 67 36 59 78
    du lundi au jeudi de 9h à 12h et de 14h à 18h
    le vendredi de 9h à 12h et de 14h à 17h
    Accueil > Animation > Diaporamas

    DiaporamasDiaporamas

    Cette fonction vous permet de créer et gérer des diaporamas pour animer et dynamiser votre site.

    Comment créer un diaporama ?


    Ouvrez la fonction "Diaporama" de la rubrique "Animation"



    Vous accédez à la page « Créer un diaporama » composée de trois onglets
    • Caractéristiques
    • Slides
    • Transitions
    Onglet Caractéristiques



    - Nom de votre diaporama


    Ce nom vous permettra d'identifier chaque diaporama dans votre gestionnaire mais ne sera pas affiché sur votre site.
    Exemples : « Frais de ports offerts » ou « Nouveautés »

    - Dimensions du diaporama

    Par défaut, votre diaporama occupera toute la largeur disponible selon l'endroit où il est placé sur votre site. Sa hauteur par défaut est de 200px mais elle sera automatiquement adaptée à la plus haute image que vous aurez insérée.
    Exemple : si vous insérez dans un slide du diaporama une image de 600 pixels de haut (pour connaître la hauteur d'une image, veuillez cliquer avec le bouton droit de votre souris sur l'image et ensuite cliquer sur "propriété"), le diaporama occupera 600 pixels de hauteur.

    Si vous le souhaitez, vous pouvez personnaliser les dimensions de votre diaporama en modifiant sa hauteur et sa largeur.
    Vous devez alors :
    • cliquer sur « oui » pour personnaliser la largeur et la hauteur,
    • saisir les valeurs désirées,
    • cliquer sur le bouton « Enregistrer ».

    Interface de personnalisation des hauteurs et largeurs du diaporama

    ImportantNous vous conseillons de personnaliser soit la largeur, soit la hauteur, afin que les proportions de l'image soient conservées. Entrer deux valeurs ayant un ratio différent de la valeur d'origine peut déformer votre image.

    Onglet Slides



    Vous pouvez créer maximum 10 slides pour votre diaporama.
    Pour créer un slide, cliquez sur le bouton:



    Choisissez ensuite le titre du slide



    Le nom que vous attribuez au slide ne sera pas affiché sur votre site. Il permet uniquement de repérer chacun de vos slides dans la gestion du diaporama.

    Choisissez le type de slide :

    Vous avez le choix entre 3 types de slides :
    • Slide "image" : pour insérer une image pouvant contenir un lien vers une page de votre site (ex : image d’un article avec lien vers la fiche article correspondante).
    • Slide "contenu libre" : pour insérer du texte mis en forme, des images, des liens...
    • Slide "contenu libre avec des informations articles dynamiques" : pour insérer du contenu libre mais également des informations articles dynamiques telles que le nom d'article, son prix, sa vignette...Ces informations sont dites « dynamiques » car elles sont mises à jour en temps réel dès que votre article est modifié dans la gestion des articles.
    Vous pouvez utiliser plusieurs types de slides dans chaque diaporama, nous vous conseillons dans ce cas d'en paramétrer la hauteur à l'étape précédente afin que les différents slides soient harmonisés, quelque soit leur type de contenu.

    Pour faire votre choix parmi ces 3 possibilités, cochez le bouton correspondant dans la liste proposée :



    - Vous avez choisi un slide de type « image » :



    Choix de l’image à insérer dans le slide

    Cliquez sur le bouton « Parcourir » pour récupérer sur votre ordinateur l’image que vous souhaitez insérer au diaporama.

    AttentionN'oubliez pas de prendre en compte le poids des images que vous importez.
    En effet, si vous insérez 10 images de 500 Ko, la page d'accueil devra supporter un poids de 5 Mo, ce qui induira une explosion du trafic.

    Si vous le souhaitez, vous avez la possibilité d’établir un lien sur cette image. Au clic sur , une fenêtre s’ouvre pour choisir la destination du lien.

    3 sortes de destinations sont possibles :
    • un lien vers un article
    • un lien vers une gamme
    • un lien vers une page web
    Cliquez sur le bouton « enregistrer »

    - Vous avez choisi un slide de type « contenu libre » :

    Vous disposez d’une zone de contenu libre, dans laquelle vous pouvez saisir du texte, le mettre en forme, insérer des images, des liens, des tableaux, … (Voir aide sur la fonction "Éditeur de mise en forme")

    ImportantVeillez à ne pas dépasser une hauteur/largeur pour vos contenus, car ceux-ci seront repris tels quels dans les slides.
    Nous vous conseillons de créer au préalable un tableau à largeur définie et d'y insérer vos contenus.

    - Vous avez choisi un slide de type « contenu libre avec des informations articles dynamiques » :

    Des modèles de présentation sont à votre disposition. Ils permettent de mettre en avant les articles de votre catalogue et proposent des mises en page différentes en fonction du nombre d’articles à mettre en avant, du nombre de colonnes ou de lignes souhaitées, … Vous pouvez également créer vos propres modèles dynamiques.

    Les modèles que vous utilisez pour vos diaporamas sont les modèles de têtes de gondole et sont paramétrables dans la fonction "Modèles têtes de gondole" de la rubrique "Apparence catalogue"
    Choisissez un modèle existant, puis choisissez les articles qui seront automatiquement repris dans le slide.

    Pour créer modifier ou supprimer un modèle, vous allez être dirigé vers la fonction "Modèles têtes de gondole".
    Au clic sur les boutons « Nouveau modèle » « Supprimer » ou « Modifier », une fenêtre de demande de confirmation s’affiche.
    Vous devez confirmer la redirection en cliquant sur « OK»
    (voir aide sur la fonction "Modèles têtes de gondole")

    Une fois le modèle de tête de gondole choisi et modifié à votre convenance, vous devez revenir à la fonction Gestion du contenu > Diaporama afin d’intégrer ce modèle à votre slide.

    Pour modifier de l’ordre d’apparition des slides créés, cliquez sur les flèches haut/bas afin de les classer :



    Onglet Transitions



    Pour faire défiler vos slides, vous pouvez choisir l’effet de transition pour passer d’un slide à l’autre.

    Choisissez l’effet de transition parmi 4 effets disponibles :
    • Superposition : le slide glisse au dessus du précédent
    • Déroulement : le slide se déroule sur le précédent
    • Push déplacement : le slide pousse le précédent (remplacement rotatif)
    • Fondu : le slide apparaît en fondu
    Choisissez le mode d’apparition de l’effet de transition :
    • Vers le haut
    • vers le bas
    • vers la droite
    • vers la gauche
    • en fondu ou en fondu progressif

    4 Effets possibles de transition

    - Paramètres avancés

    Ils permettent de définir le type d’affichage et l’affichage des boutons d’accès direct aux slides.

    Défilement des slides :
    • 1er cas : Choix du défilement automatique :


    Par défaut, le défilement des slides est automatique.
    Vous pouvez ainsi paramétrer le temps entre chaque slide. L’intervalle est calculé en milliseconde (1000 milliseconde = 1 seconde).
    Vous avez également la possibilité d’afficher ou non les boutons d’accès.

    Si vous souhaitez afficher les boutons, vous pouvez choisir leur emplacement sur les slides:


    Exemple d’emplacement des boutons dans l’angle supérieur droit

    Si vous ne souhaitez pas afficher les boutons, les slides défileront automatiquement sans numérotation des slides.
    Nous vous conseillons de ne pas afficher les boutons au delà de 4 slides, afin de ne pas surcharger d’informations vos diapositives.
    • 2ème cas : Choix du défilement des slides au clic sur les boutons :
    Vous devez sélectionner «non» pour le choix du défilement automatique.
    L’affichage des boutons s’active alors par défaut sur votre diaporama et pour voir chaque slide, l’internaute doit cliquer sur chaque bouton.

    Où peuvent-être placés les diaporamas sur le site ?

    Ils peuvent être placés sur votre page d’accueil et/ou sur les pages intérieures de votre site. Vous pouvez ajouter jusqu'à à 20 diaporamas.

    ImportantAvec un modèle de la bibliothèque de "Modèles de site", les diaporamas placés sur les pages intérieures du site seront affichés sur toutes les pages intérieures, sans distinction de page. (Voir aide sur la fonction "Modèles de site")

    Exemple : vous placez un diaporama annonçant les frais de port offerts à partir de 100€ d’achat sur les pages intérieures de votre site, il sera affiché sur toutes les pages intérieures.

    Ajout d'un diaporama déjà créé, par la fonction Modèles, couleurs et textes

    Ouvrez la fonction "Modèles de site" de la rubrique "Apparence générale"

    En haut à gauche, déroulez le menu "Utiliser un bloc existant" et choisissez votre diaporama.



    Placez votre diaporama sur le modèle à l'emplacement souhaité
    (Voir aide sur la fonction "Modèles de site")

    Utilisation avancée: import gabarits HTML

    Si votre graphisme a été implémenté via la fonction "Intégration gabarits HTML", il vous sera possible de placer les diaporamas sur les pages de votre choix en y ajoutant les codes DEV correspondants.

    Lors de la création d'un diaporama, un code DEV est automatiquement généré et affiché dans le tableau des récapitulatif des diaporamas. Exemple *diaporama_1*


    Ce guide utilisateur a été réalisé avec PowerBoutique Présentation