Ideal Grid – Documentation
Ideal Grid reprend toute la grille YOOtheme Pro et lui ajoute du texte au survol, des badges et des effets de survol travaillés pour les portfolios, boutiques et pages d’équipe, sans une ligne de CSS.
Sommaire
Prérequis
- Joomla 4.4, 5 ou 6
- PHP 8.1 à 8.4
- YOOtheme Pro 4 ou 5
Installation
- Téléchargez le ZIP depuis Mes licences ou depuis le lien de l’e-mail de commande. Ne le décompressez pas.
- Dans Joomla, ouvrez Système › Installer › Extensions et déposez le ZIP dans Envoyer un paquet.
- Ideal Grid s’active tout seul : rien d’autre à activer.
Une nouvelle version s’installe de la même façon, par-dessus l’ancienne. Votre contenu et vos réglages sont conservés.
Clé de licence et mises à jour
Votre clé de licence (format IDPC-XXXX-XXXX-XXXX-XXXX) figure dans l’e-mail de commande et sur la page Mes licences. Collez-la une seule fois par site :
- Ouvrez Système › Mettre à jour › Sites de mise à jour.
- Cliquez sur Ideal Grid : Joomla signale « clé de téléchargement manquante ».
- Collez la clé dans le champ Clé de téléchargement, puis Enregistrer et fermer.
Les nouvelles versions apparaissent ensuite dans Système › Mettre à jour › Extensions et s’installent en un clic. Les mises à jour et le support par e-mail sont inclus pendant 12 mois. Ensuite, l’extension continue de fonctionner sans limite de durée ; seul l’accès aux nouvelles versions s’arrête. Vous pouvez renouveler à tout moment depuis Mes licences.
1. Ajouter l’élément
Dans le page builder YOOtheme Pro, ajoutez l’élément Ideal Grid (groupe « IdealPC »). Il a tous les réglages de l’élément Grille de YOOtheme (colonnes par taille d’écran, espacements, séparateurs, styles de panneau, options d’image, titre, méta, contenu et lien), plus deux onglets : Survol (Ideal Grid) et Badges (Ideal Grid).
2. Éléments
Chaque élément peut avoir une image, une vidéo ou une icône, un titre, un texte méta, un contenu et un lien, comme dans la grille YOOtheme. Ideal Grid ajoute :
- Titre de survol et texte de survol : affichés sur l’image au passage de la souris.
- Image de survol ou vidéo de survol : remplace l’image au survol.
- Badge et couleur du badge : une petite étiquette sur l’image, ex. « Nouveau » ou « -20 % ».
- Tags : utilisés par la navigation de filtre.
3. Effets de survol
- Style du survol : sombre (overlay), dégradé vers le bas, verre dépoli (flou), couleur primaire, couleur secondaire ou atténué.
- Position du texte : centré, en bas à gauche ou en bas au centre.
- Animation : fondu, glissement depuis le bas ou zoom.
- Toujours afficher le texte de survol sur mobile : recommandé, car les écrans tactiles n’ont pas de survol.
4. Badges
Dans l’onglet Badges, réglez la couleur par défaut, la position (haut gauche, haut droite, bas gauche, bas droite) et la forme (arrondi, légèrement arrondi ou ruban d’angle). Chaque élément peut changer la couleur : primaire, sombre, clair, succès (vert), avertissement (orange) ou danger (rouge).
5. Filtre, masonry, lightbox
Comme dans la grille YOOtheme : activez la navigation de filtre et donnez un ou plusieurs tags à chaque élément (séparés par des virgules), activez masonry pour des images de hauteurs différentes, et la lightbox pour une galerie.
Langues
Les réglages s’affichent dans la langue de l’administrateur (français, anglais, allemand ou italien). Votre contenu s’affiche tel que vous le saisissez ; sur un site multilingue, créez une grille par page de langue.
Questions fréquentes
- Quelle différence avec l’élément Grille de YOOtheme ?
- Ideal Grid fait tout ce que fait la grille YOOtheme et ajoute le texte au survol, les fonds et animations de survol et les badges. Voir le comparatif sur la fiche produit.
- Puis-je transformer une grille YOOtheme existante en Ideal Grid ?
- Ajoutez un élément Ideal Grid à côté et recréez les éléments ; les réglages sont les mêmes, c’est rapide.
- Fonctionne-t-il avec le contenu dynamique ?
- Oui, comme la grille YOOtheme, les éléments peuvent être reliés à des sources de contenu dynamique.
Support
Une question, un bug, une idée ? Écrivez à