Description
Dynamic Conditions est un module pour Elementor qui ajoute une logique conditionnelle pour afficher ou masquer différents éléments. L’extension ajoute des conditions aux balises dynamiques pour afficher/masquer un widget ou une section.
L’extension nécessite Elementor PRO car elle utilise les balises dynamiques pour définir les conditions de comparaison.
La définition des conditions d’affichage est facile ! Saisissez simplement la valeur de la condition et comparez-la à n’importe quelle balise dynamique. Si la condition est remplie, définissez si vous souhaitez afficher ou masquer l’élément. Ça ne peut pas être plus simple ?
Les utilisateurs avancés peuvent définir des conditions complexes – vous pouvez vérifier si un champ est vide, s’il contient une valeur, s’il correspond à une valeur plus supérieure/inférieure ou ou compris dans certaines valeurs.
Un grand merci à WPTuts pour avoir réalisé ce tutoriel vidéo :
Vous pouvez soutenir le développement en contribuant au dépôt GitHub de l’extension :
Utilisation
- Sélectionnez un widget ou une section.
- Allez dans l’onglet « Avancé ».
- Cliquez sur la zone « Conditions dynamiques ».
- Définissez le champ « Balise dynamique » que vous souhaitez comparer.
- Indiquez si vous souhaitez « afficher/masquer » l’élément si la condition est remplie.
- Sous le champ « Condition », sélectionnez ce que vous souhaitez comparer. Vous pouvez comparer si le champ est vide/non vide, vérifier si il a une valeur spécifique ou si sa valeur est comprise entre deux autres valeurs.
- Le champ « Type de comparaison » définit le type de champs que vous souhaitez comparer. La valeur par défaut compare deux chaînes (texte). Mais si vous souhaitez afficher un widget/une section uniquement le lundi ou au mois de décembre, vous pouvez sélectionner « Jours » ou « Mois » comme type de comparaison.
- Enfin, vous devez saisir la valeur avec laquelle comparer le champ dynamique. Ou deux valeurs, si vous avez sélectionné la condition « entre ».
Captures d’écran
Options du widget pour les conditions
FAQ
-
Puis-je utiliser des champs personnalisés, champs ACF, Pods ?
-
Oui, tout ce qui précède est pris en charge et bien d’autres sont pris en charge directement par Elementor Pro.
-
Puis-je définir des conditions basées sur la date ?
-
Oui, l’extension prend en charge les conditions basées sur la date, par exemple date courante ou date de publication. Vous pouvez comparer les dates, les jours et les mois.
-
Puis-je afficher/masquer des éléments pour les utilisateurs connectés ou déconnectés ?
-
Oui, vous pouvez définir un affichage conditionnel pour les utilisateurs connectés ou déconnectés. Sélectionnez la balise dynamique « Informations utilisateur » et définissez-le sur « ID utilisateur ». Vous pouvez maintenant vérifier si c’est vide ou non.
-
Les éléments seront entièrement supprimés du code source, comme s’ils n’existaient pas.
Uniquement si vous utilisez les options expert pour masquer également les conteneurs ou d’autres éléments, ils seront uniquement masqués avec du CSS. -
Nous avons développé une autre extension qui propose des balises dynamiques.
Vous pouvez la trouver ici :
DynamicTags
Avis
Contributeurs/contributrices & développeurs/développeuses
« Dynamic Conditions » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.
Contributeurs
“Dynamic Conditions” a été traduit dans 5 locales. Remerciez l’équipe de traduction pour ses contributions.
Traduisez « Dynamic Conditions » dans votre langue.
Le développement vous intéresse ?
Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.
Journal
1.6.0
- Add support for containers
1.5.1
- Correction d’un problème avec les codes courts
1.5.0
- Ajout d’une option pour masquer les conteneurs et autres éléments par sélecteur (uniquement JavaScript)
- Ajout d’un nouveau type de comparaison « in_array_contains »
- Correction d’une erreur lorsqu’Elementor est désactivé
- Stylisation du champ des balises dynamiques
- Empêcher l’exécution de code court sur les éléments masqués
- Rendre dynamique la valeur de la condition
1.4.5
- Correctifs de problèmes concernant l’analyseur de date
- Ajout d’une option pour désactiver l’analyse de la date.
1.4.4
- Correction des problèmes d’analyse des dates à partir des codes courts.
- Correctif d’erreur avec Elementor 2.9
1.4.3
- Correction d’un problème avec les fenêtres surgissantes dans l’éditeur
- Correction du deuxième barre oblique sur javascript-enqueue
1.4.2
- Correction d’un problème avec les fenêtres surgissantes dans l’aperçu
1.4.1
- Correction du problème de calcul des colonnes masquées
1.4.0
- Ajout des conditions de tableau
- Ajout des conditions pour les fenêtres surgissantes
- Modification de la structure du code
- Correction des problèmes de traduction des jours/mois
1.3.0
- Amélioration de l’analyse des dates ACF
- Ajout d’une icône aux éléments avec condition dans l’aperçu
- Ajout d’une option pour analyser les codes courts
- Correction de quelques problèmes
1.2.1
- Correction d’un problème avec l’horodatage de la date dans les compositions personnalisées
- Amélioration de la performance
1.2.0
- Ajout d’une condition entre éléments
- Ajout d’options de comparaison de date, de jour et de mois
- Ajout de NumberPostsTag
- Ajout d’une courte documentation
- Ajout du mode débogage
1.1.2
- Correction d’un problème avec la section
1.1
- Ajouter une condition supérieure et inférieure à
1.0.1
- Correctif de sections
- Quelques remaniements
1.0
-
Sortie