Droppics: Galeries

Le principe de Droppics est de définir les paramètres des images et des galeries dans le composant, puis de les gérer directement depuis votre éditeur. Droppics est compatible avec tous les éditeurs WYSIWYG standards de Joomla, aussi bien pour l'interface publique que pour l'interface d'administration. Par exemple, vous pouvez ajouter une galerie dans un module Joomla personnalisé.
 

1. Ouvrez le gestionnaire de galerie depuis l'éditeur de texte

Une fois Droppics installé, un bouton de plugin d'éditeur s'affiche en dessous ou dans votre éditeur (selon l'éditeur utilisé).

Cliquez dessus pour ouvrir la fenêtre principale Droppics . Vous pouvez ensuite cliquer sur le « Insérer cette galerie » pour insérer la galerie sélectionnée dans vos articles.

2. Gérer les galeries

Pour créer une galerie, cliquez sur Nouvel album dans la colonne de gauche.

Pour ajouter de nouvelles images dans votre galerie, vous pouvez faire glisser et déposer des supports dans la partie centrale ou cliquer sur Sélectionner les fichiers .

Une fenêtre contextuelle de notification s'affichera dans le coin supérieur droit une fois les images téléchargées, commandées, déplacées, supprimées ou modifiées par l'utilisateur.

Sélectionnez une ou plusieurs images pour les télécharger. Le téléchargeur est alimenté par HTML5, vous pouvez donc envoyer de grandes images. Ils seront redimensionnés automatiquement aux tailles définies dans les paramètres globaux (la valeur par défaut est 1200px).

Vous pouvez réorganiser vos images lorsqu'elles sont téléchargées par glisser-déposer. La commande est enregistrée automatiquement, c'est pourquoi il n'y a pas de bouton pour enregistrer

Afin d'insérer la galerie de votre article, cliquez sur le Insérer ce bouton de la galerie dans la colonne de droite

 
La galerie apparaîtra dans votre article sous la forme d'une icône Droppics .

Enregistrez votre contenu et le tour est joué ! Votre première galerie est déjà en ligne ! Si vous cliquez sur l’image de la galerie Droppics dans l’article, puis sur le bouton Droppics , la galerie sélectionnée sera rechargée.

Le thème par défaut permet de définir :

• Taille de la bordure
• Rayon de la frontière
• Couleur de la bordure
• Couleur et taille de l’ombre de l’image
• Marge gauche, marge supérieure, marge droite, marge inférieure
• S'il faut charger ou non les sous-galeries
• Certains paramètres supplémentaires sont disponibles dans le thème du diaporama, comme le délai de transition, l'effet...

3. Sous-galeries

Dans Droppics vous pouvez gérer des galeries à plusieurs niveaux. Pour ajouter un sous-niveau, il vous suffit de glisser-déposer les catégories d'images pour trier ou modifier les niveaux.

Pour activer la navigation dans la sous-galerie, vous devrez configurer le paramètre dans la catégorie parent dans le menu de droite.

Si vous avez désactivé les paramètres et la configuration de la galerie à partir de la configuration globale, utilisez le menu Composants > Droppics > Options > Sélectionnez le thème à configurer .

Puisque vous avez des sous-galeries, vous pourrez y naviguer dans le frontend. Toutes vos sous-galeries généreront automatiquement des vignettes de navigation.

 
La vignette de la sous-galerie est automatiquement générée à l'aide de la première image de la catégorie d'images. Une fois que vous êtes dans une sous-galerie, vous pouvez également choisir une image à utiliser comme bouton de retour dans le menu Option > Paramètres principaux

4. Comportement de la galerie dans le backend

Dans les options globales de l'interface d'administration, vous pouvez définir un état par défaut pour les galeries : Droppics peut s'ouvrir avec toutes les catégories d'images ouvertes ou fermées. Cela vous permettra de gagner de l'espace si vous avez un grand nombre de galeries.

5. Copier - Couper - Coller des images

Une fois une image importée dans Droppics, vous pouvez la sélectionner une ou plusieurs fois en cliquant dessus. Pour sélectionner plusieurs images, maintenez la touche CTRL enfoncée. La première méthode pour déplacer ou copier des images consiste à les glisser-déposer. Un simple glisser-déposer permet de déplacer l'image ; en maintenant la touche Maj enfoncée, vous la copiez.

Vous pouvez également utiliser les boutons en haut à droite.