[Résolu] Ajouter case à cocher page panier

  • WordPress :5.2
  • Statut : résolu
  • Ce sujet contient 9 réponses, 2 participants et a été mis à jour pour la dernière fois par COUCOU, le il y a 3 semaines.
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #2294478
    COUCOU
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :  5.3.2–fr_FR
    • Thème utilisé : siteorigine
    • Extensions en place : woocommerce
    • Nom de l’hébergeur : 1&1
    • Adresse du site :  en construction

    Problème(s) rencontré(s) : Bonjour, je me retrouve face a un problème coriace. Comment arrivez-vous à insérer une checkbox dans la page panier de votre site ? Je souhaite rajouter une option d’achat avec une case a cocher si le client est intéressé.

    Par exemple : □ Ajouter des fleurs en résine +3euros

    Si le client coche cette case, le produit “fleur en résine s’ajoute au panier” et le montant est mis à jour.

    Auriez-vous une solution pour effectuer ce type d’option?

    Merci par avance pour votre aide!

    #2294515
    ferman
    Participant
    Maître WordPress
    1884 contributions

    Bonjour,

     

    Dans la page panier, en mode texte, ajoutez la phrase suivante, qui contient le shortcode woocommerce adapté à la situation:

    Ajoutez des fleurs en résine

    Remplacez “3064”par l’id des fleurs en résine.

    Un bouton “ajouter au panier” sera affiché, avec le prix de l’article, que vous pouvez ensuite modifier comme vous le souhaitez avec des CSS.

     

    #2294598
    COUCOU
    Participant
    Initié WordPress
    6 contributions

    Bonjour, merci de votre aide. Je suis plutôt novice sur Wp… Lorsque je suis sur ma page panier ou se trouve la mention “3064” ?

    • Cette réponse a été modifiée le il y a 1 mois par COUCOU.
    #2294601
    ferman
    Participant
    Maître WordPress
    1884 contributions

    Bonjour,

    “3064” est l’id d’un produit chez moi  et comme je le disais plus haut vous devez remplacer par l’id de votre produit (fleurs plastiques). Pour connaître cette id, il suffit d’aller dans votre tableau de bord, -> produits -> tous les produits et survoler le nom du produit; vous verrez l’id correspondante  (ID : …). Modifiez le shortcode et mettez-le dans la page panier. Il faudra ensuite sans doute modifier l’apparence du bouton selon ce que vous souhaitez avec des css. Si vous ne savez pas le faire revenez sur le forum.

    #2294623
    COUCOU
    Participant
    Initié WordPress
    6 contributions

    Merci j’ai trouvé l’ID ! Cependant sur ma page Panier il y a juste le shortcode . Je  rajoute donc à la suite mon texte et l’ID :

    [woocommerce_cart_Ajouter des fleurs en résine +3 euros_5728] Cela ne fonctionne pas…

     

    #2294625
    ferman
    Participant
    Maître WordPress
    1884 contributions

    C’est de ma faute, désolé: j’ai oublié auparavant de mettre le shortcode. Le voici donc:

    [add_to_cart id="3064"]

    Copiez-collez ce texte dans votre page panier en mode texte, et effacez ce que vous aviez mis. Vous pouvez rajouter juste avant le bout de phrase sur les fleurs en résine.

    #2294633
    COUCOU
    Participant
    Initié WordPress
    6 contributions

    Super ça a marché ! Je vous remercie !

    #2295301
    COUCOU
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Je n’arrive pas à personnaliser ce shortcode. Aucun code CSS que je connais me permet de mettre la phrase”Ajouter un sac cadeau” sur la même ligne de “1€ Ajouter au panier…”

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2295420
    ferman
    Participant
    Maître WordPress
    1884 contributions

    Bonjour,

    Il est possible de mettre tout sur la même ligne par CSS mais je vous préviens qu’il y a beaucoup de réglages à faire. Il faut aussi utiliser les media queries pour avoir un aspect correct sur pc, tablette et smartphone. En plus, comme nous n’avons pas accès à votre site, les réglages que j’ai fait chez moi seront à refaire pour vous. Je pense qu’il vaudrait mieux rester sur l’aspect actuel que vous pouvez grandement améliorer. En plus,  le bouton et le texte sont spontanément “responsive”, ce qui simplifie grandement les choses (7 lignes de code CSS contre plus de cinquante autrement). Je vous mets un exemple en pièce jointe pour vous donner une idée: phone, tablette, pc.

    Dans tous les cas, il faut modifier légèrement le contenu de votre page panier. Mettez ce qui suit:

     <div class= "fleurs"> <span class="fleurs-1"> Ajouter des fleurs en résine (+ 5€) </span> [add_to_cart id="3064"] </div>

    Ensuite collez le code css suivant dans votre fichier style.css (thème enfant) ou les css additionnelles.

    .fleurs{text-align:center;
    font-size:1.5em;}
    
    .fleurs p {border-color:lightgreen!important;
    	border-radius:10px!important;
      background:none!important;}
      
    .fleurs span.fleurs-1 {font-style:italic;}
    
    .fleurs a{background:none!important;}

    Le contenu de votre page panier contient assez de balises html pour que vous puissiez faire ce que vous voulez à partir de ce code (et même mettre sur une ligne en travaillant dur).

    Maintenant, si vous voulez, je peux vous envoyer l’autre code (pour tout mettre sur une ligne) mais vous aurez un gros  travail d’adaptation!

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2296678
    COUCOU
    Participant
    Initié WordPress
    6 contributions

    Je vous remercie pour ces explications détaillées qui m’ont permise de réaliser ce que je souhaitais ! 🙂

    Bonne journée

10 sujets de 1 à 10 (sur un total de 10)
  • Vous devez être connecté pour répondre à ce sujet.