- WordPress :6.7
- Statut : non résolu
- Ce sujet contient 7 réponses, 2 participants et a été mis à jour pour la dernière fois par
UCVNTL, le il y a 2 mois et 3 semaines.
-
AuteurMessages
-
28 mars 2025 à 23 h 57 min #2487451
Bonjour,
Ma configuration WP actuelle
- Version de PHP/MySQL : 8.2.28
- Thème utilisé : Hello Elementor
- Extensions en place :
- Nom de l’hébergeur : Ionos
- Adresse du site : ucvntl.com
Problème(s) rencontré(s) :
Bonjour la communauté, je suis nouveau sur le site et donc le forum, j’espère que vous allez bien !
Je vous écris ce message car je suis confronté à deux problèmes tout con mais pour lequel je ne trouve pas la solution.
#1 avec la PJ #1
Je suis en train de configurer un modèle de page sur Elementor pour Produit unique (des affiches) et quand j’ajoute le widget “Ajouter au panier » la variations des tailles des affiches a un fond gris d’arrière plan.. Vous verrez sur la capture d’écran. Et il est impossible pour moi de la supprimer, j’ai tout essayé dans la configuration Elementor et aussi avec le CSS que me propose GPT (qui fonctionne habituellement plutôt bien) :
/* Rendre le fond du bloc Variations transparent */
.woocommerce div.product form.cart .variations {
background-color: transparent !important;
}
/* Supprimer aussi une éventuelle bordure */
.woocommerce div.product form.cart .variations {
border: none !important;
box-shadow: none !important;
}Ca m’a rendu fou toute l’après-midi, donc je m’en remet à vous ! J’espère que vous aurez une réponse à mon problème.
#2 avec la PJ #2
Quand je souhaite ajouter le widget Nom du produit il n’apparaît pas et me fait sauter mon conteneur (voir la PJ)
Flèche verte = lieu ou j’ai mis le conteneur et le titre du produit
Flèches rouges = mes réglages
Je suis disponible si vous avez des manipulations à me proposer ou à me faire faire.. 🤞
Merci aux contributeurs !
28 mars 2025 à 23 h 57 min #2487452Visiblement mes pièces jointes n’étaient pas passées, je les remets ici, désolé..
30 mars 2025 à 10 h 25 min #2487487Bonjour,
Vos images ne sont toujours pas passées car trop volumineuses. Au lieu de png, choisissez le format gif, moins volumineux. Avec les renseignements disponibles et si j’ai bien compris, je pense que le code suivant devrait fonctionner pour #1.
#configurator-options .option-group-content{
background-color:transparent;
border: none;
box-shadow: none ;
}30 mars 2025 à 12 h 17 min #2487488Bonjour Ferman, j’espère que vous allez bien !
Merci pour votre message, je vais réuploader mes images en .gif dans ce message, j’espère que 196Ko ça ne sera pas trop lourd..
Merci pour le code, je vais l’essayer, n’hésitez pas si vous avez des questions sur le problème #2 🙂
À dispo,
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.30 mars 2025 à 12 h 57 min #2487491OK pour les images mais je n’arrive pas à trouver ce que vous montrez en pj (pasta, fiesta, basta). Pour #2, je ne pourrai certainement pas vous aider vu que ça dépend des réglages d’Elementor et que je ne l’utilise pas.
30 mars 2025 à 14 h 16 min #2487492Je vous montre ce qu’il y a au bout de la flèche, le sur-encadré gris sous le « taille » et le menu déroulant..
Mais je crois que ça fait parti de WooCommerce !
30 mars 2025 à 14 h 50 min #2487493Je vous montre ce qu’il y a au bout de la flèche, le sur-encadré gris sous le « taille » et le menu déroulant.
D’accord. Le code CSS a été testé sur la page montrée en pj et devrait s’appliquer sur les pages de même type. Simplement j’ai eu beau chercher mais je n’ai pas trouvé la page exacte que vous montrez dans votre copie d’écran. Je n’ai donc pas pu le vérifier.
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.31 mars 2025 à 15 h 20 min #2487524Bonjour Ferman, j’espère que vous allez bien !
J’ai réussi avec la commande suivante :
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
background: transparent !important; /* Supprime le fond */
box-shadow: none !important; /* Supprime toute ombre */
border: none !important; /* Supprime les bordures si nécessaire */
}Dieu soit loué ! Si vous avez une idée pour mon second problème, ce serait super !
Je reste à votre disposition,
Merci pour votre aide !
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.