Checkout - Box de validation "conditions du site" non visible mais présente

WordPress :5.2
Statut : résolu

Ce sujet contient 3 réponses, 2 participants et a été mis à jour pour la dernière fois par Raithuge, le il y a 5 années et 6 mois.

4 sujets de 1 à 4 (sur un total de 4)

Auteur

Messages
5 janvier 2020 à 13 h 01 min #2291864

Raithuge
Participant

Initié WordPress
11 contributions

Bonjour,

Ma configuration WP actuelle :
– Version de WordPress : 5.3.2
– Version de PHP/MySQL : 7.2.19 / 5.6.42
– Thème utilisé : OceanWP
– Thème URI : https://oceanwp.org/
– Extensions en place : Abandoned Cart Reports For WooCommerce (2.6.0), Auto Image Attributes From Filename With Bulk Updater (1.6), Custom Fonts (1.2.0), Duplicate Post (3.2.4), Duplicator (1.3.24), Elementor (2.8.3), Elementor Pro (2.8.3), Forum_wordpress_fr (4.2), Google Fonts Typography (1.9.92), Health Check & Troubleshooting (1.4.2), Jetpack by WordPress.com (8.0), MC4WP: Mailchimp for WordPress (4.7.4), Ninja Forms (3.4.22), Ninja Forms – Layout & Styles (3.0.28), Ocean Cookie Notice (1.0.4), Ocean Elementor Widgets (1.1.9), Ocean Extra (1.5.19), Ocean Footer Callout (1.0.13), Ocean Full Screen (1.0.5), Ocean Hooks (1.1.2), Ocean Popup Login (1.0.5), Ocean Portfolio (1.1.7), Ocean Pro Demos (1.0.10), Ocean Product Sharing (1.0.8), Ocean Side Panel (1.0.11), Ocean Social Sharing (1.0.15), Ocean Sticky Footer (1.0.9), Ocean Sticky Header (1.1.11), Ocean White Label (1.0.5), Ocean Woo Popup (1.0.6), PayGreen WooCommerce (2.2.7), Poll, Survey, Form & Quiz Maker by OpinionStage (19.6.33), Polylang (2.6.8), Polylang Connect for Elementor (1.0.0), Rank Math SEO (1.0.36.3), Really Simple SSL (3.2.7), Site Kit by Google (1.1.4), Smash Balloon Custom Facebook Feed (2.12.2), Smash Balloon Instagram Feed (2.1.4), W3 Total Cache (0.12.0), WooCommerce (3.8.1), WooCommerce Admin (0.23.3), WooCommerce Appointments (4.8.12), WooCommerce Google Analytics Integration (1.4.15), WooCommerce Polylang Integration (1.0.3), WooCommerce SSL Seal (1.2), YITH WooCommerce Recover Abandoned Cart (1.4.0)
– Adresse du site : https://charlottewilkins.fr
– Nom de l’hébergeur : Apache

Problème(s) rencontré(s) :

Bonjour à tous,

Je rencontre sur mon site un problème visuel dans l’extension woocommerce et plus particulièrement sur la page « checkout ». En effet, suite à la demande RGPD, nous devons avoir une box obligatoire d’acceptation des conditions du site. Cependant, bien que cette fonction soit implémentée dans woocommerce, il se trouve qu’avec mon thème, la box est invisible, et que même sélectionnée, celle-ci ne se transforme pas en une icone plus visible encore (cf photo jointe). Ma seule solution aujourd’hui est de désactiver cette fonction mais ce qui n’est pas viable et légale.

Avez-vous une idée?

Merci pour votre support.

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.

6 janvier 2020 à 9 h 19 min #2291971
Raithuge
Participant

Initié WordPress
11 contributions
Bonjour,

J’avance en parallèle sur le sujet: une solution pour faire apparaître le « check » vient du thème, il suffit d’ajouter ce code dans le CSS:
```
form input[type="checkbox"], form input[type="radio"] {
font-weight: 600;
}

input[type=checkbox]:checked:before {
font-weight: 600;
}
```
Maintenant, il ne me reste plus qu’à faire apparaître la case…
6 janvier 2020 à 10 h 54 min #2291991
mathieu42
Participant

Maître WordPress
2025 contributions
il y a aussi une règle « display » qui bloque l’affichage, essayez de rajouter cela :
```
.woocommerce form .form-row .input-checkbox {
    display : inline-block;
}
```
6 janvier 2020 à 11 h 28 min #2291997
Raithuge
Participant

Initié WordPress
11 contributions
Merci beaucoup, c’est exactement cela. Maintenant, j’ai la case et la version cochée (cf images), je mets en résumé le code complet ci-dessous.

Pendant qu’on y est, j’ai également un soucis sur la couleur du bouton woocommerce qui ne change pas (reste le violet par défaut)malgré les modifications dans apparences=>woocommercer=>Advanced styling pour les pages « panier » et « checkout », ça ne serait pas quelquechose de similaire? une règle qui bloque les modifications?
```
form input[type="checkbox"], form input[type="radio"] {
font-weight: 600;
}

input[type=checkbox]:checked:before {
font-weight: 600;
}

.woocommerce form .form-row .input-checkbox {
    display : inline-block;
}
```
- Cette réponse a été modifiée le il y a 5 années et 6 mois par Raithuge.
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.
Auteur

Messages