Adaptation Futée (AF) – Trackings GA4
Pour les sites qui ont de l’adaptation futée, on veut pouvoir tracker les interactions. 1- Aller dans le Tag Manager du client et créer un Déclencheur de type événement personnalisé : nom et nom d’événement : AFEvent 2- Dans Tag Manager, créer des variables de couche de données en fonction de ce qui est indiqué […]
ADF – Version PHP – Affichage des nouvelles
Problème : actuellement le site est sur la version PHP 8.1. Quand on essaie de migrer vers 8.3, le shortcode [adf_press_release_list_home] qui affiche les nouvelles sur l’accueil ne fonctionne plus. Le shortcode ne renvoie aucun contenu, même s’il est reconnu par Elementor. La cause : le simplexml_load_file($url) qui est obligatoire pour récupérer le flux XML […]
Modifier le plugin custom Futé Cookie Compliance
Sujet : On souhaite modifier le plugin parce qu’il cause des erreurs ou autre pour pouvoir générer une mise à jour sur tous les sites qui ont le plugin. Étapes : D’abord tester la modification qu’on souhaite faire sur un site test directement dans l’éditeur du plugin pour être sûr de ne rien briser ; […]
Contraintes d’intégration de signature courriel
Contexte : le service d’intégration est limité concernant l’intégration des signatures (et en-têtes) dans les courriels Voici la liste à prendre en compte lors de la conception du design : Livrable à fournir : Fichier XD Format idéal : Logo : 100px de large maximum Icônes : 20 à 24px Pour la signature globale […]
Adaptation Futée – Création et intégration
🎥 Tutoriels vidéos : Introduction à l’AF, Modifications mineures de l’AF Contexte : l’adaptation futé permet d’adapter le contenu d’un site web en fonction de critères définis. Ex : la zone géographique, le temps qu’il fait, l’heure qu’il est, la saison… Pour faire ça, il faut injecter sur le site web le contenu qu’on veut adapter. Ça […]
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: […]
Création d’une vCard
Pour créer une vCard il faut aller dans nos contacts de notre compte google et cliquer sur le contact qu’on veut créer. Dans le menu, cliquer sur exporter en vCard. Ça nous donnera un fichier .vcf. Par défaut la vCard ne prend que du texte. Si on veut ajouter une photo de profil, il faut […]
Problème d’affichage de vidéos enregistrées dans un champ ACF
Problème : L’affichage des iframes insérés dans des champs ACF est par défaut bloqué dans le front-end. Je sais. C’est idiot. Donc vous essayez de mettre une vidéo dans un champ ACF que vous avez créé, elle apparaît bien dans Elementor mais pas quand vous visualisez la page. Solution : Ajouter ce code ci-dessous dans […]
Sticky bar custom dans le footer – jQuery
Styliser le input file pour des formulaires sur des pages carrières
*Il faut mettre la classe .formulaire sur le form /*formulaires design */ .formulaire input::-webkit-file-upload-button{ display:none; } .formulaire .elementor-upload-field { background-color: #2E2E2E!important; width:100%; } .formulaire input[type=file]{ display: block; color: #FFF; border-radius: 5px; padding: 15px; line-height: 70px!important; } .formulaire input[type=’file’]::before { position: absolute; background: #8CB63C; top:0!important; right: 30px; height: 70px; padding: 0 30px!important; display: flex!important; align-items: center; […]