bouton “ajouter au panier “qui devient “select option” (Créer un compte)

  • WordPress :5.4
  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 16)
  • Auteur
    Messages
  • #2349714
    Webmaster59
    Participant
    Chevalier WordPress
    233 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.3
    • Thème utilisé : ocean child
    • Extensions en place :
    • Nom de l’hébergeur : ovh
    • Adresse du site :

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

    Dans les produits apparentés, le bouton “ajouter au panier” affiche “select option”. Comment remettre le texte d’origine svp ? Merci d’avance

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

    Bonjour,

    Cela ne doit pas être très compliqué. Regardez le sujet précédent le vôtre: c’est certainement la même chose. Il vous suffit de trouver la classe CSS du bouton , ce qu’on ne peut pas faire sans voir votre site.

    #2349742
    ferman
    Participant
    Maître WordPress
    2690 contributions

    …ps. j’ai vérifié chez moi. Si c’est le bouton woocommerce normal, le sélecteur est: .uppsells a.button.

     

    #2349749
    Webmaster59
    Participant
    Chevalier WordPress
    233 contributions

    merci voici le site http://www.lille-metropole-traiteur.com je pense que le sélecteur est le suivant, avec le code, ça donnerait ceci ?

    .woocommerce ul.products li.product .button {
    content: "ajouter au panier";
    }
    css

    #2349757
    ferman
    Participant
    Maître WordPress
    2690 contributions

    Ce que vous montrez concerne la page boutique et non les produits apparentés (qui apparaissent au niveau de la page produit ). Donc avec le sélecteur que vous proposez, vous allez changer le texte des boutons sur la page boutique. C’est ce que vous souhaitez? Sinon, en visitant le site je ne vois  rien qui correspond à votre pièce jointe, pas de page boutique ni aucun bouton “ajouter” au panier (ou “select options”). D’ailleurs, ce dernier bouton correspondrait plutôt à des produits variables. Comme normalement le prix varie suivant la variation, on ne peut pas avoir de bouton mettre au panier dans la boutique. Peut-être avez-vous une configuration spéciale.

    Pouvez-vous me préciser où se trouvent les boutons que vous voulez modifier et que j’ai été incapable de trouver?

    #2349802
    Webmaster59
    Participant
    Chevalier WordPress
    233 contributions

    Bonjour,

    Voici le lien de la boutique avec tous les produits. Je souhaite que le bouton “select option” affiche “ajouter au panier”. J’ai ajouté une option dans l’onglet ‘Product Add-Ons” sur chaque produit. Je ne sais pas s’il y a un quelconque rapport.

    https://www.lille-metropole-traiteur.com/boutique-livraison-plateaux-repas-traiteur/

     

     

    #2349806
    Webmaster59
    Participant
    Chevalier WordPress
    233 contributions

    Il semblerait  effectivement que le texte du bouton ‘ajouter au panier’ change par ‘select option’ lorsque j’ajoute une option aux produits.

    #2349833
    ferman
    Participant
    Maître WordPress
    2690 contributions

    Bonjour,

    C’est ce que je vous disais. Ce n’est pas une question de produits apparentés mais de produits variables. Comme le prix n’est pas établi avant que le client n’ait choisi son option, il n’est pas possible pour les produits variables de mettre le produit au panier depuis la page boutique. Et donc le message est différent.

    Si vous voulez quand même faire comme vous l’avez proposé, je vous passe le code CSS correspondant.

    .btn-wrap.clr a.button.product_type_simple.add_to_cart_button {
        visibility: hidden;
    }
    .btn-wrap.clr a.button.product_type_simple.add_to_cart_button::after{
    	visibility:visible!important;
    	content: "Ajouter au panier"; 
    	margin-left:0px;
    	margin-right:0px;
    	margin-top:-23px;
    	display: block;
    	background-color: transparent;
    	color: #848494;
    	padding: 5px 12px;
    	border: 3px double #e4e4e4;
    	font-size: 12px;
    	line-height: 1.5;
    	-webkit-border-radius: 0;
    	-moz-border-radius: 0;
    	-ms-border-radius: 0;
    	border-radius: 0;
    	text-transform: none;	
    }

    Si vous voulez modifier uniquement le texte des produits variables (“Select options”) et remplacer par autre chose que “Ajouter au panier” c’est plus compliqué car il faut donner l’id de chaque produit et ajouter un peu de mise en forme mais c’est possible.

    Vérifiez bien sur votre site que les modifications n’ont pas d’incidence ailleurs.

    Il y a une erreur dans le javascript d’OceanWp /wpforms. Je ne sais pas si cela aura une incidence pour le site  mais je le signale quand même.

    Vous avez aussi du contenu mixte d’où le triangle jaune dans la barre nu navigateur. Vertains liens sont encore en http. Par exemple le lien pour contac

    CONTACTEZ-NOUS

     

     

    • Cette réponse a été modifiée le il y a 1 semaine par ferman.
    • Cette réponse a été modifiée le il y a 1 semaine par ferman.
    • Cette réponse a été modifiée le il y a 1 semaine par ferman.
    #2349898
    Webmaster59
    Participant
    Chevalier WordPress
    233 contributions

    Ok, d’après vous comment faire pour ajouter une option à un produit sans avoir ce pb “select option” ? J ai joint une photo du backoffice de l’option en question au produit si cela peut aider à la compréhension et résolution de mon pb. D’avance merci

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

    Bonjour,

    Ok, d’après vous comment faire pour ajouter une option à un produit sans avoir ce pb “select option”

    Depuis le backoffice je ne sais pas. Je rectifie par rapport à ce que je disais précédemment. Vos produits ne sont pas des variations mais ils acceptent des options (d’après votre copie d’écran, vous devez utiliser l’extension “WooCommerce Product Addons” peut être même en version premium). Si c’est le cas je vois sur la page du plugin cette phrase :

    “You can individually edit the add to cart button text for simple products, products having extra options and variable products.”

    Donc, avant de se lancer dans des modifications de CSS, j’ai téléchargé le plugin (version gratuite). Je suis allé dans réglages, “advanced settings” et là je vois qu’on peut modifier le texte “Select options” à volonté.

    Essayez pour voir.

     

     

    #2349902
    Webmaster59
    Participant
    Chevalier WordPress
    233 contributions

    J’ai regardé mais je ne trouve pas l’option en question pour afficher les options avancées, à quel niveau se trouve t-il dans le back office ? Il s’agit bien du plugin Product Add-Ons WooCommerce ? Merci

    • Cette réponse a été modifiée le il y a 6 jours et 5 heures par Webmaster59.
    #2349906
    ferman
    Participant
    Maître WordPress
    2690 contributions

    On ne parle pas du même. Product Add-Ons WooCommerce est différent de WooCommerce Product Addons. Dans le premier, le texte n’est disponible que dans la version PRO contrairement au deuxième. Si j’étais vous j’essaierais le deuxième dont je vous ai passé le lien, plus complet et plus d’utilisateurs (10000 contre 2000).

    Autrement il faudra en arriver aux CSS mais c’est assez lourd.

    #2349907
    Webmaster59
    Participant
    Chevalier WordPress
    233 contributions

    Ok je vais télécharger celui que vous me conseillez. Je vous tiens au courant après l’installation. Merci

    #2350189
    Webmaster59
    Participant
    Chevalier WordPress
    233 contributions

    Bonjour,

    J’ai installé le plugin et modifié le texte bouton “ajout au panier” mais j’ai un message de debogage wordpress. https://fr.wordpress.org/support/article/debugging-in-wordpress/

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

    Bonjour,

    Désolé que ça ne marche pas mais il est impossible de dire ce qui ne va pas. De mon côté j’avais regardé d’un peu plus près comment changer le message  “select options” dans votre premier plugin. Il y a une solution simple mais pas parfaite et pas très élégantes mais qui a le mérite de fonctionner. Vous allez dans les fichiers du plugin:

    product-add-ons-woocommerce->include->frontend->shop et là à la ligne 37 vous remplacez ‘Select options’ par ce que vous voulez. Le problème: il faudra penser à refaire cette manoeuvre à chaque mise à jour de l’extension . Ce n’est pas un gros effort. La modification des CSS , acceptable pour un produit, n’est pas faisable pour plusieurs (beaucoup trop lourd)

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