[Résolu] Checkout – Box de validation “conditions du site” non visible mais présente (Créer un compte)

  • WordPress :5.2
  • Statut : résolu
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #2291864
    Raithuge
    Participant
    Initié WordPress
    8 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.
    #2291971
    Raithuge
    Participant
    Initié WordPress
    8 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…

     

    #2291991
    mathieu42
    Participant
    Chevalier WordPress
    101 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;
    }

    #2291997
    Raithuge
    Participant
    Initié WordPress
    8 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 8 mois et 1 semaine par Raithuge.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
4 sujets de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.