- WordPress :6.2
- Statut : non résolu
- Ce sujet contient 6 réponses, 4 participants et a été mis à jour pour la dernière fois par Joss47, le il y a 1 année et 2 mois.
-
AuteurMessages
-
27 septembre 2023 à 11 h 25 min #2461225
Bonjour,
Ma configuration WP actuelle
- Version de PHP/MySQL :
- Thème utilisé : Oceanwp
- Extensions en place :
- Nom de l’hébergeur : OVH
- Adresse du site : https://www.penser-la-photographie.com
Problème(s) rencontré(s) : Bonjour à tous.
À la page Commande (de Woo commerce) il y a un cartel intitulé « Notes de commande (facultatif) ».
Pouvez vous m’indiquer comment écrire un CSS pour enlever (facultatif). Merci bien pour votre aide.
27 septembre 2023 à 12 h 05 min #2461226Bonjour,
Voici comment vous pouvez le faire :
- Accédez au tableau de bord de votre site WordPress.
- Dans le menu, allez à « Apparence » > « Personnaliser ».
- Dans le panneau de personnalisation, recherchez l’option « CSS personnalisé » ou « Additional CSS » (le libellé peut varier en fonction de votre thème).
- Cliquez sur l’option CSS personnalisé pour ouvrir l’éditeur CSS.
- Ajoutez le code CSS suivant pour masquer le texte « facultatif » à côté de « Notes de commande » :
.woocommerce-checkout #order_comments label[for="order_comments"]::after {
content: none !important;
} - Assurez-vous d’enregistrer vos modifications.
Ce code CSS cible spécifiquement l’étiquette de la zone de commentaire sur la page de commande WooCommerce et masque le texte « facultatif ». Assurez-vous que le code est correctement enregistré, puis vérifiez votre page de commande pour vous assurer que le texte « facultatif » a été supprimé.
N’oubliez pas de vérifier que votre thème ne remplace pas les styles WooCommerce par défaut, car cela pourrait affecter l’apparence de votre site. Si vous rencontrez des problèmes, vous pouvez également envisager d’utiliser un plugin WordPress pour ajouter du CSS personnalisé à votre site si votre thème ne prend pas en charge cette fonctionnalité.
J’espère que cela vous aide à résoudre votre problème !
Bonne continuation
27 septembre 2023 à 12 h 25 min #2461231Bonjour, non ça ne fonctionne pas. j’ai bien ajouter les 3 lignes au CSS additionnel mais ça ne change rien.
27 septembre 2023 à 12 h 37 min #2461232reBonjour,
Je suis désolé d’entendre que le code CSS que je vous ai fourni n’a pas fonctionné. Si le code ne masque pas le texte « facultatif » à côté de « Notes de commande » sur la page de commande WooCommerce, voici quelques autres étapes que vous pouvez suivre pour essayer de résoudre le problème :
- Inspecter l’élément : Ouvrez la page de commande dans votre navigateur, faites un clic droit sur le texte « facultatif » à côté de « Notes de commande » et choisissez « Inspecter » ou « Examiner l’élément » dans le menu contextuel. Assurez-vous que l’élément que vous ciblez avec le CSS est correct.
- Cache du navigateur : Parfois, le cache du navigateur peut empêcher les modifications CSS d’apparaître immédiatement. Essayez de vider le cache de votre navigateur ou d’ouvrir la page dans une fenêtre de navigation privée pour voir si les modifications sont appliquées.
- Thème et extensions : Assurez-vous que vous utilisez le CSS personnalisé dans le bon endroit du panneau de personnalisation de votre thème. Si votre thème a des options de personnalisation spécifiques pour WooCommerce, vérifiez s’il existe une option pour masquer le texte « facultatif ». De plus, désactivez temporairement les extensions WooCommerce pour voir si l’une d’entre elles provoque un conflit.
- Priorité CSS : Parfois, d’autres styles CSS peuvent écraser les modifications que vous apportez. Assurez-vous que le code CSS personnalisé que vous avez ajouté a une priorité suffisamment élevée en utilisant le sélecteur CSS
!important
, comme dans l’exemple que j’ai donné précédemment.
Si après avoir suivi ces étapes, le problème persiste, il se peut que le thème OceanWP ou d’autres personnalisations spécifiques à votre site interfèrent avec les styles WooCommerce. Dans ce cas, vous pourriez envisager de contacter le support technique de OceanWP pour obtenir de l’aide spécifique à votre configuration.
EN ALTERNATIVES AU CSS
Vous pouvez également essayer d’utiliser un plugin ou un code PHP pour masquer le texte « facultatif » à côté de « Notes de commande » sur la page WooCommerce. Voici deux approches possibles :
- Utilisation d’un plugin : Il existe des plugins WordPress conçus pour personnaliser l’apparence de WooCommerce sans nécessiter de compétences en programmation. L’un de ces plugins est « WooCommerce Customizer« . Vous pouvez l’installer depuis le répertoire des plugins de WordPress, l’activer, puis aller dans la section « Personnaliser » de votre site. Dans les paramètres de ce plugin, il peut y avoir une option pour masquer le texte « facultatif » à côté de « Notes de commande ». Assurez-vous de vérifier si le plugin propose cette fonctionnalité.
- Utilisation d’un code PHP personnalisé : Si vous préférez une solution basée sur le code PHP, vous pouvez ajouter le code suivant dans le fichier
functions.php
de votre thème enfant (si vous utilisez un thème enfant) ou dans un plugin de personnalisation de thème. Assurez-vous de toujours sauvegarder votre site avant de modifier le code.function masquer_texte_facultatif_notes_de_commande() {
echo '<style>.woocommerce-checkout #order_comments label[for="order_comments"]::after {content: none !important;}</style>';
}
add_action('wp_footer', 'masquer_texte_facultatif_notes_de_commande');Ce code ajoute le CSS nécessaire directement dans le pied de page du site, ce qui devrait masquer le texte « facultatif ». Assurez-vous de vider le cache de votre site et de rafraîchir la page de commande après avoir ajouté ce code. Gardez à l’esprit que si vous n’êtes pas à l’aise avec la modification du code PHP, il est préférable de demander l’aide d’un développeur WordPress pour éviter toute erreur potentiellement dommageable.
J’espère que cela vous aidera à résoudre votre problématique.
Bonne continuation.
- Cette réponse a été modifiée le il y a 1 année et 2 mois par Creation Site Internet.
27 septembre 2023 à 14 h 27 min #2461239Bonjour,
Essayez peut-être ceci:
#order_comments_field span.optional{display:none;}
27 septembre 2023 à 14 h 43 min #2461241Cela, Ferman, ça fonctionne tout à fait. Merci beaucoup pour cette aide précieuse.
27 septembre 2023 à 16 h 44 min #2461249@creationsiteinternet : tes réponses me font penser aux réponses que donne ChatGPT xD
C’est formaté exactement de la même manière haha
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.