Divi : Personnalisation du filtre en CSS
Вставка
- Опубліковано 21 жов 2024
- Certains filtres tels que celui que nous avons vu dans l'épisode 18, sont très pratiques mais la partie personnalisation est inexistante au sein du plugin. Il faut donc aller cibler les éléments en CSS. Dans cette vidéo vous découvrirez donc comment faire et je vous apprendrai les rudiments du CSS pour vous y repérer sur WordPress.
--------------
✅ Avez vous les bonnes habitudes pour maintenir votre site WordPress à jours, sécurisé, optimisé, et paré pour toutes éventualités ?
Vous pouvez retrouver sur mon site une offre de maintenance WordPress correspondant à vos besoins pour ne plus avoir cette charge sur les épaules :
wooprotect.fr/...
--------------
🏆 Qui se cache derrière le Guide Wordpress : WooProtect / Mon-hébergement ?
Amis de longue date, passionnés par notre domaine et désireux de partager nos connaissances dans une approche bienveillante. Nous avons décidé de monter une structure complète pour vous apporter tous les services nécessaires pour le bon fonctionnement de votre site WordPress.
🔐 WooProtect
👉 Le site : wooprotect.fr/
👉 L'adresse mail : contact@wooprotect.fr
🏠 Mon-hébergement
👉 Le site : mon-hebergemen...
👉 L'adresse mail : contact@mon-hebergement.fr
--------------
🗓️ À bientôt pour de nouvelles vidéos ✌️
Bjr, super chaine que je viens de découvrir . A tu fais une vidéo sur la version mobile avec divi pour les filtres ? merci explications claires et précises
Merci à toi pour le soutien 🔥
Je n'ai pas fait de vidéos à ce sujet, mais je pourrai en faire sous forme d'astuces effectivement.
Pour pouvoir passer d'un système de filtre avec un affichage Desktop vers un système de filtre en affichage mobile, pour ne pas t'embêter avec le responsive, tu peux créer 2 filtres. 1 en vertical que tu affichera sur Desktop, et 1 en horizontal pour la version Mobile.
Puis, si tu utilise Divi, tu peux te servir des logiques conditionnelles pour dire "Tel bloc apparaîtra si je suis en version Desktop, et tel bloc si je suis en version Mobile" 👍
Bonsoir, votre tuto sur les filtres est vraiment parfait. J'ai juste un problème au niveau du mobile. J'ai fait comme vous l'avez suggéré à une personne, j'ai fait un filtre horizontal pour la version mobile. Mais lorsque que je déroule un éléments par ex les catégories, je ne vois pas tous, le texte passe sous le contenu de ma boutique. Pourrais tu me dire comment résoudre ce probleme ? merci
Merci à vous, j'aime beaucoup votre retour 🙏
Si le contenu passe en dessous du contenu de la boutique, il faut cibler cet élément, et jouer avec la propriété CSS : z-index, et lui faire prendre une valeur plus élevée que celle de l'élément qui la recouvre.
Si votre problème est toujours d'actualité, vous pouvez me contacter sur contact@wooprotect.fr pour qu'on puisse rapidement solutionner ce soucis 🙏
Bonsoir et bravo pour tes explications, très claires ! Mais n'étant pas un pro du CSS, pourrais-tu copier-coller celui de ta vidéo en réponse à mon commentaire ? Que je puisse m'en inspirer ;-) Merci d'avance, Emmanuel
Bonjour, merci pour votre retour 🙏
Je viens de vérifier, mais malgré que le tuto soit encore totalement d'actualité, je n'ai plus le site en ligne et ne peut donc pas récupérer le CSS que j'avais mis dans la vidéo. Toutefois, il n'est pas très long, vous pouvez le recopier en mettant pause à la fin de la vidéo 🙏