Centre d'aide GuppY, aide en ligne, documentation et tutoriels

telecharger.png

o2switch3-1.png
Vous êtes ici :   Accueil » Config Carrousel
    Imprimer la page...

Config Carrousel

Nous reprenons les thèmes un par un dans l'ordre de leur affichage sur la page d'administration d' Unite Gallery.


01fr_carrousel.jpg

La configuration avec les valeurs par défaut s'affiche en cochant la case Valeurs par défaut et en cliquant sur Enregistrer la config. Donc nous supposons que vous avez coché la case et ensuite cliqué sur Enregistrer la config.


Pour Carrousel


Options principales :

02fr_carrousel.jpg

  • Largeur des tuiles : par défaut 160, avec 160, vous avez 5 tuiles affichées pour une largeur de 940/950px pour les boites centrales, avec 210 ce sera 4 tuiles,
  • Hauteur des tuiles : par défaut 160, vous pouvez essayer 210 ou une autre hauteur,
  • Alignement du carrousel : au choix, à la sélection Gauche, Centrer, Droite.


Options de galerie :

03fr_carrousel.jpg

  • Largeur de galerie : 100% - pourquoi changer ? pour mettre 98%, nous laissons 100%
  • Largeur de galerie minimum : 150 (pour 150px), vous avez aussi le choix de 300, pas plus pour l'affichage sur smartphones dès les écrans 320px.
  • Couleur de fond de galerie: transparent pour conserver la couleur de fond des boites centrales, notamment s'il y un fond en transparence.
     


Options du carrousel :

04fr_carrousel.jpg
 

  • Espacement des tuiles : 20 par défaut, pas de changement,
  • Nombre de tuiles à déplacer : 3 par défaut,
  • Carrousel automatique : coché pour un démarrage automatique,
  • Temporisation du carrousel automatique : 3000 par défaut, en millisecondes vous pouvez essayer 4000, 5000 pour ralentir le défilement,
  • Direction du carrousel automatique : à la sélection Droite ou Gauche, Droite est sélectionné, le défilement se fera de la droite vers la gauche.

     

Options de navigation :

05fr_carrousel.jpg

  • Afficher les éléments de navigation :  coché les flèches sont affichées, décoché pas d'affichage,
  • Position des éléments de navigation : à la sélection Bas ou haut,
  • Espace entre carrousel et navigation : par défaut 20, pas de changement.
     


Options de conception des tuiles :


06fr_carrousel.jpg
 

  • Bordures des tuiles activée : avec Valeurs par défaut non cochée, je l'ai cochée pour mettre une bordure noire de 1px,
  • Largeur de la bordure des tuiles: 1 au lieu de 3 par défaut,
  • Couleur de bordure des tuiles: #000000 au lieu de #F0F0F0 pour l'adaptation à la couleur de fond des boites centrales,
  • Rayon des coins arrondis des tuiles : 0 par défaut,
  • Contour des tuiles activé : par défaut, non activé,
  • Couleur du contour des tuiles : par défaut,
  • Ombre de la tuile activée : activée par défaut, ici décochée donc désactivée, c'est un choix pour ne pas surcharger la page de tuiles.
  • Couleur de l'ombre de la tuile : par défaut,
  • Superposition de couleur au survol activée : par défaut, activé, c'est le changement de couleur au passage du pointeur de la souris,
  • Opacité de la couleur superposée : par défaut 0,4, mais 0,5 / 0,6 sont possibles, attention il faut laisser une transparence,
  • Couleur pour la superposition de la tuile : par défaut, possible de choisir une autre couleur,
  • Icône d'affichage de la tuile : par défaut, icône activée au survol de chaque tuile,
  • Tuile en tant que lien externe : par défaut désactivé, dans Commentaires, il est possible de mettre un lien externe sur chaque tuile,dans ce cas, il faut cocher
  • Action du lien dans une nouvelle page :  par défaut, coché
  • Espacement des icônes de la tuile : par défaut 26, espace d'origine entre les icônes, avec des petites tuiles possibilité de changer,
  • Activation d' effet d'image sur la tuile : par défaut, désactivé,
  • Type d'effet d'image sur la tuile : par défaut Noir et blanc, à la sélection : Noir et blanc, Flou ou Sépia,
  • Effet inverse d'image sur la tuile : par défaut, désactivé.
     


Options du panneau de texte des tuiles :
 

07fr_carrousel.jpg
 

  • Panneau de texte de la tuile activé : par défaut, désactivé, ici il est coché donc activé pour l'affichage,
  • Panneau de texte toujours affiché : par défaut désactivé, non coché donc désactivé, c'est une option !
  • Type d'apparition du panneau texte : par défaut Glissant est sélectionné, au choix avec Fondu,
  • Position du panneau de texte : par défaut Intérieur bas, au choix à la sélection vous avez : Intérieur bas, Intérieur haut, Intérieur centre, Haut et Bas,
  • Opacité du panneau de texte : par défaut 0,4, attention à la transparence avec la photo si vous augmentez,
  • Couleur de fond du panneau de texte : par défaut  #000000, vous pouvez changer la couleur.



Options lightbox :


08fr_carrousel.jpg
 

  • Type de présentation de lightbox : par défaut Large, ici Compact, à la sélection vous avez le choix entre Large et Compact,
  • Position des flèches lightbox : par défaut Sur les côtés, à la sélection vous avez le choix entre Sur les côtés et A l'intérieur (de la photo),
  • Flèches intérieures toujours affichées : par défaut désactivé, selon votre choix vous pouvez cocher,
  • Largeur de la bordure lightbox : par défaut 10, attention cette bordure ne s'affiche qu'avec Compact, avec Large pas de bordure,
  • Couleur de la bordure d'image lightbox : par défaut #FFFFFF (blanc), comme le fond est noir, toujours une couleur claire,
  • Rayon de la bordure d'image lightbox : par défaut 0,  4 pour un léger arrondi aux angles.



Avant d'aller plus loin, un clic sur Enregistrer la config s'impose pour valider la configuration et mettre à jour la construction du thème.


Construction du thème :

09fr_carrousel.jpg

Voici le code de votre galerie à jour, un clic sur Afficher ce thème et votre galerie s'affiche dans un nouvel onglet.

Surtout ne modifiez pas le code manuellement pour arriver à vos fins, modifier à nouveau la configuration pour la partie correspondante, puis enregistrer la config et afficher le thème à nouveau.

Vous lisez cette ligne !!!   Bravo, vous venez de terminer la configuration du cinquième thème !!!


01-fr-voirgalerie.jpg




Tutoriel réalisé par Papinou et Saxbar pour la GuppY Team - Novembre 2017 - Licence Libre CeCILL


Date de création : 06/12/2017 @ 10:34
Catégorie : - Tutoriel Config UG
Page lue 13379 fois