Page carrière – Gravity form
Nous avons plusieurs clients avec des pages carrières standardisées comprenant une page carrière, des fiches d’emplois et un formulaire de soumission de candidature élaboré avec un système de pointage. Pour mettre en place une nouvelle page pour un client, nous ne partons donc pas de 0, nous reproduisons ce qui est déjà en place. 1- […]
Intégration d’un chat messenger avec Elementor
Intégration d’un chat messenger avec Elementor 1- Il faut avoir la version de Elementor la plus à jour. (mettre à jour Elementor et pro) 2- Aller dans Modèles->Éléments flottants, ajouter un élément flottant->Boutons flottants. Mettre un nom (Messenger) 3- Choisir le modèle qui vous convient 4- Dans plateforme, choisir Messenger et mettre l’identifiant (En anglais, […]
Mettre le logo plus petit losqu’on scroll vers la bas (Header sticky)
Article original: https://elementor.com/blog/shrinking-sticky-header/ Exemple sur Vitalogo: https://vitalgo.ca/ 1- Mettre la classe .sticky-header sur le container qui est sticky 2- Mettre la classe .logo sur le logo CSS: /*** * class: .sticky-header */ .sticky-header { –shrink-header-to: 0.6; –transition: .45s cubic-bezier(.4, 0, .2, 1); transition: background-color var(–transition), backdrop-filter var(–transition), box-shadow var(–transition); } .sticky-header.elementor-sticky–effects { background-color: #014546; box-shadow: […]
Boutons SMS
Pour créer un bouton qui envoie un sms, il y a plusieurs options en fonction de la complexité de ce qu’on veut faire : Pour envoyer un sms vide, que la personne remplit elle-même : on peut utiliser le widget bouton d’Elementor et mettre dans le lien : URL de contact : type : SMS. […]
Widget Onglets avec du contenu dynamique
Problème : le widget ‘Onglets’ d’Elementor est pratique mais assez peu flexible concernant le contenu. Le but est ici de proposer une solution pour intégrer des champs dynamiques ACF donc pour afficher le contenu et masquer les onglets lorsque le contenu est vide. Ici, je pars du principe que le contenu est différent dans chaque […]
Widget Onglets Elementor ajustement mobile
Problème : par défaut le widget ‘Onglet’ d’Elementor passe en affichage vertical pour le menu en mobile, ce qui n’est pas idéal quand le contenu est important dans chaque onglet. Solution : désactiver la classe mobile qui passe le contenu en vertical pour maintenir le comportement en desktop sur la version mobile. Intégrer le CSS […]
Elementor n’affiche pas sur 100% de largeur 3 colonnes avec des largeurs définies
Problématique : Le design a 3 colonnes mais si on laisse Elementor calculer par défaut la largeur des colonnes (donc si on ne met aucune valeur), il va naturellement combler le delta de 100/3. Par contre, si on essaie mettre des valeurs aux colonnes parce qu’on veut des largeurs différentes, Elementor n’arrive plus à un […]
Colonnes multiples responsives
Cas : – section avec un visuel sur plusieurs colonnes (notamment 3 à 6), pour laquelle on veut un joli visuel en responsive Solution : 1) Mettre une classe sur la section ou section interne qui encadre les colonnes concernées (ex : .col.responsive) 2) Ajouter dans le css après cette classe la classe .elementor-container 3) […]
Widget Form de Elementor
Étapes pour l’identifier Elementor form widget, champ textarea ne fait pas de saut de ligne dans le courriel lorsque l’on applique pas [all-fields]. Étapes pour le résoudre Code à mettre dans fonctions.php du child theme. Si lors d’une mise à jour d’Elementor, le problème est réglé, peut-être penser à enlever le code. add_action(‘elementor_pro/forms/process/textarea’, function($field, $record) […]
Les checkbox ne fonctionnent pas avec contact form 7
Étapes pour l’identifier On a un formulaire fait avec contact form 7 et qu’on met dans elementor avec le widget contact form 7 styler. Étapes pour le résoudre Utiliser un autre widget que contact form 7 styler quand on utiliser le builder Elementor. Historique de débuggage On a vérifié s’il y avait des erreurs dans […]