- Ce sujet contient 12 réponses, 3 participants et a été mis à jour pour la dernière fois par
, le il y a 1 année et 8 mois.
-
Messages
-
Bonjour,
Sur la page Panier de WooCommerce, je cherche à remplacer le terme « Produit » (qui titre la liste des articles) par le terme « Service ». En effet le site en construction ne va vendre que des services, et nous souhaitons donc remplacer « Produit » par « Service ».
Merci d’avance !
Il est fort probable que votre thème ou votre thème builder n’ait pas d’option « codeless » pour faire ce changement.
Je vous recommande faire la modification en CSS pour un minimum d’effort.
.titre {
visibility: hidden;
text-indent: -9999px;
line-height: 0;
}
.titre:after {
content:’Services’;
visibility: visible;
text-indent: 0;
display: block;
line-height: initial;
}
Remplacez la class « titre » par la class CSS utilisée pour mettre en forme le titre sur la page panier. Ainsi, vous cacherez l’original pour afficher autre chose.
Vous pouvez ajouter ce code dans CSS Additionnel (parfois nommé CSS personnalisé) en cliquant sur « personnaliser » sur la barre noir de WP coté site.
Victor Gauthereau, Président de Nivo-Web agence Web sur Paris et Bordeaux.
Vous avez apprécié mon aide ? Cliquez ici pour me remercier GRATUITEMENT
Besoin d'une agence web pour votre projet ? Contactez-nous ?
Site Web: https://nivo-web.fr
Email: victor@nivo-web.fr
Tel: 07 55 78 21 91
Standard: 09 77 25 01 18
Mes Ressources WordPress1 user thanked author for this post.
Bonjour,
Oups désolé, je « coince » sur un truc quand même (faut dire que les CSS et moi…)
La classe du formulaire est :
<form class= »woocommerce-cart-form » action= »https://XXXXX.com/panier/ » method= »post« >
Le tableau se présente dans une classe ainsi définie :
<table class= »shop_table shop_table_responsive cart woocommerce-cart-form__contents » cellspacing= »0« >
Et à l’intérieur de ce tableau j’ai ceci :
<th class= »product-name« >Produit
Du coup, je saisis mal le rapport avec le titre et je bloque sur quoi mettre dans le CSS additionnel.
Merci d’avance si vous pouvez (encore) m’aider un peu…
Si vous voulez remplacer « Produit » par « Service », ceci devrait faire le job :
.woocommerce-cart-form .product-name {
visibility: hidden;
text-indent: -9999px;
line-height: 0;
}
.woocommerce-cart-form .product-name:after {
content:’Services’;
visibility: visible;
text-indent: 0;
display: block;
line-height: initial;
}
Victor Gauthereau, Président de Nivo-Web agence Web sur Paris et Bordeaux.
Vous avez apprécié mon aide ? Cliquez ici pour me remercier GRATUITEMENT
Besoin d'une agence web pour votre projet ? Contactez-nous ?
Site Web: https://nivo-web.fr
Email: victor@nivo-web.fr
Tel: 07 55 78 21 91
Standard: 09 77 25 01 18
Mes Ressources WordPress1 user thanked author for this post.
Merci à vous, malheureusement, après essai, le titre « Produit » n’apparaît pas, et le produit commandé non plus…
C’est assez difficile de faire du CSS sans pouvoir le tester, pouvez-vous me donner le lien du site ?
Victor Gauthereau, Président de Nivo-Web agence Web sur Paris et Bordeaux.
Vous avez apprécié mon aide ? Cliquez ici pour me remercier GRATUITEMENT
Besoin d'une agence web pour votre projet ? Contactez-nous ?
Site Web: https://nivo-web.fr
Email: victor@nivo-web.fr
Tel: 07 55 78 21 91
Standard: 09 77 25 01 18
Mes Ressources WordPress1 user thanked author for this post.
C’est assez difficile de faire du CSS sans pouvoir le tester, pouvez-vous me donner le lien du site ?
Merci à vous. Je vous l’envoie par email (la société ne souhaite pas que son site soit diffusé largement pour le moment, étant à l’état de brouillon).
.woocommerce-cart-form tr .product-name {
visibility: hidden;
text-indent: -9999px;
line-height: 0;
}
.woocommerce-cart-form tr .product-name:after {
content:’Services’;
visibility: visible;
text-indent: 0;
display: block;
line-height: initial;
}
Testé et approuvé 😉
Victor Gauthereau, Président de Nivo-Web agence Web sur Paris et Bordeaux.
Vous avez apprécié mon aide ? Cliquez ici pour me remercier GRATUITEMENT
Besoin d'une agence web pour votre projet ? Contactez-nous ?
Site Web: https://nivo-web.fr
Email: victor@nivo-web.fr
Tel: 07 55 78 21 91
Standard: 09 77 25 01 18
Mes Ressources WordPress1 user thanked author for this post.
.woocommerce-cart-form tr .product-name {
visibility: hidden;
text-indent: -9999px;
line-height: 0;
}
.woocommerce-cart-form tr .product-name:after {
content:’Services’;
visibility: visible;
text-indent: 0;
display: block;
line-height: initial;
}
Testé et approuvé 😉
Merci mais j’ai le même problème (titre et dénomination service invisibles).
C’est bien à ajouter dans CSS personnalisé dans le Dashboard WP, Apparence / Personnaliser ?
Encore merci.
En effet, votre code n’est pas visible. Peut-être devez-vous vider votre cache ?
Victor Gauthereau, Président de Nivo-Web agence Web sur Paris et Bordeaux.
Vous avez apprécié mon aide ? Cliquez ici pour me remercier GRATUITEMENT
Besoin d'une agence web pour votre projet ? Contactez-nous ?
Site Web: https://nivo-web.fr
Email: victor@nivo-web.fr
Tel: 07 55 78 21 91
Standard: 09 77 25 01 18
Mes Ressources WordPress
En effet, votre code n’est pas visible. Peut-être devez-vous vider votre cache ?
J’ai vidé tous les caches (WP et navigateur), pas de changement. Du coup j’ai retiré l’ajout CSS pour le moment.
Dans le CSS additionnel, il y a un endroit particulier où je dois le mettre, ou je peux me contenter de le mettre en fin de code ?
Encore merci.
- Vous devez être connecté pour répondre à ce sujet.
