Galerie d'images filtrables
Une grille d'images statique est un musée Une galerie filtrable est une expérience L'élément de galerie filtrable Master Addons transforme votre portfolio, vos produits ou vos photos en un outil de découverte interactif Les visiteurs filtrent par catégorie pour voir exactement ce qui les intéresse, tandis que les effets de vol stationnaire avancés, les animations d'inclinaison et les superpositions personnalisables font que chaque interaction semble premium Présentez plusieurs projets avec des titres, des descriptions et des boutons d'appel à action doubles Que vous soyez photographe, designer, agence ou agence, cette galerie ne fait qu'afficher votre travail « le présente de manière dynamique ».
Système de navigation filtrable intelligent
Donnez le contrôle à vos visiteurs avec une barre de filtrage dynamique Activez le Show Filter Nav pour afficher les boutons de catégorie comme“All,”“Technology,”“Living.” Vous pouvez renommer le texte de l'onglet de filtrage “All” et définir des étiquettes personnalisées pour chaque catégorie attribuée à vos éléments de galerie Style l'Alignement, la Typographie de la barre de filtrage, et donner aux onglets actifs un look distinct avec un style d'état Normal et Actif séparé pour les couleurs, les arrière-plans et les bordures Ce filtrage intuitif aide les utilisateurs à trouver rapidement du contenu pertinent sans faire défiler.
- Filtres de catégorie personnalisés : créez des boutons de filtre en fonction des catégories que vous attribuez à chaque élément de la galerie.
- Style d'état actif : concevez l'onglet de filtre sélectionné pour qu'il soit différent, fournissant ainsi un retour visuel clair.
- Disposition flexible : Alignez les filtres à gauche, au centre ou à droite au-dessus de votre galerie.
- Clean Navigation Bar : Stylez le conteneur filtrant avec des séparateurs de rembourrage, de marges et de border bottom en option.
Grilles de galerie dynamiques et effets avancés
Configurez les fondations de votre galerie Choisissez le nombre de Colonnes et la Résolution de l'image Activez la disposition Maçonnerie pour une grille dynamique de style Pinterest, et contrôlez l'espacement entre les éléments avec les paramètres Gutter Ensuite, ajoutez des effets interactifs époustouflants : utilisez Hover Scale pour faire grossir doucement les éléments, et activez l'Effet d'inclinaison pour un mouvement de suivi de souris en 3 D. Affinez l'inclinaison avec Perspective, Vitesse, et même ajoutez un effet Glare pour un look vraiment poli, moderne et captivant les visiteurs.
- Contrôle de disposition : choisissez Colonnes, activez Maçonnerie, et définissez l'espacement de gouttière pour une structure parfaite.
- Effet d'inclinaison 3 D : ajoutez une interaction souris-inclinaison sophistiquée avec les commandes pour l'angle, la perspective et la vitesse.
- Animations en vol stationnaire : les objets peuvent évoluer en vol stationnaire et présenter un subtil effet d'éblouissement léger.
- Fondation réactive : La grille s'adapte automatiquement aux différentes tailles d'écran.
Un style approprié pour chaque élément
Atteindre une harmonie totale de conception Le style de l'article (chaque carte de galerie) avec le rembourrage, les bordures et les marges Personnalisez le style de l'image lui-même, y compris une couleur superposée. Ensuite, stylisez tous les éléments de texte séparément : les étiquettes Style de titre, Style de sous-titre et Catégorie La puissance réelle est fournie avec le design Button One & Two Style. Deux boutons d'appel à action séparés par élément avec des états normaux et de survol indépendants pour la typographie, les couleurs, les arrière-plans et les ombres.
- Conception d'article individuel : stylisez les bordures, le rembourrage et l'arrière-plan de la carte de galerie.
- Style de couche de texte : appliquez une typographie et une couleur uniques aux balises Titres, sous-titres et catégories.
- Style à double bouton : concevez deux boutons distincts (par exemple, “Details” et “Demo”) avec un contrôle d'état complet.
- Personnalisation des icônes : modifiez la taille et la couleur de l'icône Hover pour qu'elle corresponde à votre thème.
Foire aux questions pour la galerie d'images filtrables
Combien d'articles de galerie puis-je ajouter ?
Vous pouvez en ajouter autant que nécessaire en utilisant le bouton + Ajouter un élément Le système est conçu pour gérer les grandes galeries Les performances sont mieux optimisées en sélectionnant une résolution d'image appropriée et en utilisant la mise en cache.
Les visiteurs peuvent-ils visualiser les images dans une fenêtre contextuelle lightbox ?
Vous pouvez activer les options Popup ou Liens Généralement, vous pouvez définir une image de galerie à ouvrir dans une boîte à lumière en créant un lien vers n'importe quelle source externe peut être possible avec cet élément Il s'agit d'une fonctionnalité standard dans de telles galeries.
La galerie est-elle réactive sur mobile ?
Oui. Les Colonnes s'empileront de manière appropriée sur mobile (par exemple, 4 colonnes deviennent 2 ou 1).Les boutons de filtre s'envelopperont également pour s'adapter à l'écran Vous pouvez utiliser le mode réactif d'Elementor pour ajuster la taille de la gouttière ou les tailles de police pour mobile spécifiquement.
Comment puis-je attribuer des éléments aux catégories de filtres ?
Dans la section Contenu de la galerie pour chaque élément, vous trouverez un champ Étiquette de filtre Entrez le nom de la catégorie ici (par exemple, “Technology”).Tous les éléments portant la même étiquette seront regroupés sous ce bouton de filtre Vous pouvez attribuer plusieurs catégories à un élément en les séparant par des virgules.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
