- Ce sujet contient 12 réponses, 3 participants et a été mis à jour pour la dernière fois par
, le il y a 2 années 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 !
Have fun with WordPressIl 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.
Have fun with WordPressVictor 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.com
Email: victor@nivo-web.com
Tel: 07 55 78 21 91
Standard: 09 77 25 01 18
Mes Ressources WordPress1 user thanked author for this post.
Merci à vous Victor, c’est vrai qu’un bon CSS est la solution la plus rapide.
Have fun with WordPressBonjour,
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…
Have fun with WordPressSi 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;
}
Have fun with WordPressVictor 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.com
Email: victor@nivo-web.com
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…
Have fun with WordPressC’est assez difficile de faire du CSS sans pouvoir le tester, pouvez-vous me donner le lien du site ?
Have fun with WordPressVictor 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.com
Email: victor@nivo-web.com
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).
Have fun with WordPress.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é 😉
Have fun with WordPressVictor 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.com
Email: victor@nivo-web.com
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.
Have fun with WordPressEn effet, votre code n’est pas visible. Peut-être devez-vous vider votre cache ?
Have fun with WordPressVictor 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.com
Email: victor@nivo-web.com
Tel: 07 55 78 21 91
Standard: 09 77 25 01 18
Mes Ressources WordPressEn 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.
Have fun with WordPress
- Vous devez être connecté pour répondre à ce sujet.
