12 Nov 2014

Produit variable Woocommerce

Mise à jour le 29/03/2019 : Ce tutoriel est maintenant disponible en vidéo en bas de l’article !

Aujourd’hui nous allons voir comment créer un produit variable avec Woocommerce, la solution e-commerce sous le CMS WordPress. Qu’est ce qu’un produit variable ?

Pour les habitués de Prestashop nous pouvons appeler cela une déclinaison, sinon, c’est tout simplement un produit qui à plusieurs options (Taille, couleurs …)

Cet article a été réaliser avec la Version 2.2.8 de Woocommerce.

Création d’un produit variable avec Woocommerce:

ajouter-un-produit-woocommerce-wordpress
On commence par créer un nouveau produit.

données-produit-woocommerce
Sur votre produit, dans la section « Données produit », par défaut il y a « produit simple », choisissez « Produit Variable ».

ajouter-attributs-woocommerce
Ensuite rendez-vous dans l’onglet attributs de la section « Données produit » et faites « Ajouter ».

valeurs-attributs-woocommerce
Ici vous devez donner un titre à vos attributs, pour exemple j’ai mis taille. Ensuite il faut rentrer vos valeurs. Attention il faut séparer vaut valeurs avec un pipe (|).
Petite astuce pour faire un pipe: Mac -> shift + alt + L | Pc -> AltGr + 6 (du pavé principal).
Une fois les valeurs écrites, sélectionnez « Utiliser pour les variations » et faîtes « Sauvegarder les attributs ».

variations-woocommerce
Maintenant dans l’onglet variations, par défaut les valeurs sélectionnées sont vos attributs. Vous pouvez faire « Lier toutes les variations« . Vous allez avoir un pop-up de votre navigateur web qui indique « Êtes-vous sur de vouloir lier toutes les variations ? … » faites valider.

produit-variable-variations-woocommerce-wordpress
Maintenant vos variations sont créées, il ne vous reste plus qu’à remplir le prix et le stock pour le voir afficher en front office. Ensuite vous pouvez personnaliser chaque variations (image, prix, poids etc)

variations-front-office-wordpress
Voilà le résultat 🙂

Cela ne fonctionne pas ? Vous avez un message du type : « désolé le produit n’est pas disponible » ? Essayez :

  • De mettre des quantités à votre produit et votre variation (activer la gestion des stocks)
  • Mettre un prix !
  • Vérifiez si vous n’avez pas une erreur javascript avec l’inspecteur d’éléments de votre navigateur

Si avec tout cela rien ne fonctionne, il faut voir en détail, vous pouvez me contacter pour un ticket d’intervention sur ma page contact 🙂

Voir ma vidéo concernant la création des produits variables :



360 commentaires sur “Produit variable Woocommerce
  1. Merci pour ce tuto qui m’éclaire bien moi qui débute avec WordPresse et Woocommerce.

    J’ai somme toute un problème dont je ne sais plus par quel bout le prendre.

    Je voudrais pouvoir afficher le prix d’un produit en fonction du type de client (particulier ou professionnel).
    Par défaut afficher le prix public et une fois l’utilisateur identifié le tarif en fonction de son rôle.

    Je me suis servi du plug-in « User Role Editor » et ai créé ces deux nouveaux rôles en déclinaison du rôle « Customer ».
    J’ai créé un produit variable avec un attribut « Tarif », indiqué les valeurs, coché « utilisé pour les variations » et sauvegardé.
    Et enfin dans « Variations »… Je ne sais pas comment lier mon attribut avec mes rôles…

    J’ai beau cherché sur internet comment faire cela, qui me parait pourtant un béaba pour un produit, mais ne trouve rien.
    Ou alors c’est que je m’y prends pas du tout de la bonne manière.

    Merci pour votre aide

    1. Bonjour,

      >>WooCommerce Wholesale Prices< <

      User Role Editor est utilisé pour la gestion des utilisateurs qui éditent le site et non les clients.
      Le plugin que je vous fournis pour Woocommerce permet d’afficher un prix si le client à un rôle spécifique. Je n’ai pas testé le plugin mais il a l’air de faire ce dont vous avez besoin.

      J’espère vous aider 🙂

  2. Bonjour Matthieu,
    Merci pour ce tuto vraiment bien fait simple et compréhensible.

    Je souhaiterais savoir comment réutilisé ces attributs pour un autre produits créer, je m’explique :

    J’ai plusieurs produits (des pâtisseries) avec le même attributs (10,15,20… parts) et la même valeur (les mêmes prix)
    quand je créer mon nouveau produit je n’est plus les attribut et valeur créer juste avant il faut je recommence tout à chaque fois ?.

    Dernière questions, j’ai besoin de rajouté d’autres attribut et valeur pour mes produits (OPTION : Photo personnalisée sur les gateaux à 6,50€).
    Le principe es t-il le même pour la création d’un 2éme attribut qui apparaitra dans la page produits en temps qu’option ?

    Merci de votre aide et conseil

    1. Vous pouvez utiliser un plug-in pour dupliquer vos fiches produits cela fonctionne aussi pour les articles blogs etc.

      Oui vous pouvez faire un deuxième attributs pour les photos cela est plus simple à gérer 🙂

  3. Bonjour
    J essaye de creer un site avec un mr mais il n arrive pas a trouver une solution a un problème. en fait il y a un beug sur le ipad . Lorsque lon rentre ds la fiche produit à partir d un ipad , limage est coupee en 2 . Par contre si on incline le ipad le problème est regle . Que faire svp ? Est ce un pme di theme ? Ca plus d un mois qu on avance pas et je ne peux lancer le site a cause de cela . J ai peur de devoir tout recommencer….
    Merci bcp
    Cdt

  4. Bonjour, j’ai créé mes attributs de taille, quand je vais sur ma page et que je choisi n’importe quelle taille j’ai un message « ce produit n’est pas disponible » qui apparaît …
    Merci par avance

      1. J’ai des quantités en inventaire en général 10 item mais le résultat est toujours le même en haut de page Désolé, ce produit n’est pas disponible. et rien ne s’ajoute au panier. En fait quand l’inventaire est à zéro on ne peut pas passer la commande nous avons un message et le bouton de commande n’est pas là contrairement à l’autre cas c’est quand on clique sur le bouton commander qu’on recoit le message à la page suivante

          1. Avez-vous suivi ce que je propose dans les commentaires ?
            Mettre un prix sur le produit + les variables, mettre des quantités etc

            Sinon il peut y avoir une erreur javascript sauf que cela peut demander une intervention

  5. Bonjour et merci pour ce tuto.

    Sauriez vous comment faire pour afficher le bon prix et non pas une fourchette de toutes les variations ?
    Je m’explique, j’ai un produit qui a 3 variations (10€, 15€ et 30€ par exemple).
    Lors de l’affichage de mon produit j’ai quelque chose comme ça qui s’affiche: 10€-30€ en petit et un prix plus gros correspondant au prix par défaut du produit.

    Merci  de votre aide

    1. Bonjour,

      vous pouvez le « cacher » en CSS mais le mieux est de rajouter une fonction pour afficher le prix le plus bas ou le plus haut dans le fichier function.php 🙂

        1. Bonjour,
          Vous avez bien trouvé une astuce pour « cacher » l’un des tarifs proposés dans la tranche. J’ai le même soucis sur la boutique de ce site dédié au Foot. Nous avons des vêtements « sans » et « avec » flocage. Le flocage est vendu 4€. J’ai bien compris et bien réalisé les varations, par contre comment utiliser ces « hook » ? Merci

  6. Bonjour,
    Juste une petite question : J’ai suivi votre tuto mais il me manque une chose, lorsque je rajoute des options au produit, est -il possible de faire varier le tarif?
    Je m’explique: peinture – 5L – tarif 25€ ok
    mais si je rajoute : peinture – 5L – surface mur – type satin- tarif plus elevé… 
    Existe t-il une option a parametrer dans woocommerce ou un plugin?
    Merci par avance pour votre réponse.
    NR

    1. Bonjour,

      C’est tout à fait possible avec Woocommerce.
      Vous devez créer plusieurs attributs selon vos besoins (litres, surfaces, satin etc) avec les variables pour chaque attribut.
      Ensuite vous les ajoutez et il y aura une variation pour chaque attributs. Exemple:
      – 5L satin surface mur
      – 10L Matte Surface sol
      etc

      Pour chaque attribut vous pouvez donner un prix différent dans l’onglet variations.

      A vous de jouer !

      1. Bonjour Matthieu. Merci pour ce tuto. Est-il possible dans WooCommerce d’intégrer un tableau de prix en fonction de 2 critères par exemple. Car avec cette méthode des prix variables, il faut tout entrer un par un. Imaginez entrer tous les prix possibles pour des fenêtres en fonction de dimensions !!! Je n’ai pas encore trouvé de solution qui permette d’uploader un tableau de prix en csv pas exemple.
        Merci

  7. Bonjour,

    Merci pour votre tuto.
    Les variations s’affichent bien, mais je me retrouve avec le fameu bug de la disparition de bouton  » ajouter au panier  » (add to cart) lorsque j’applique les variations.

    J’ai cherché des solutions en ligne, et rien ne fonctionne et j’ai testé le plugin WooCommerce jQuery, Cookie Fix.

    Si vous avez une piste pour m’aider…

    Merci

    1. Comme ça je ne sais pas. Cela n’est pas juste un soucis de CSS?
      Avez-vous bien des quantités sur vos produits ?

      Vous pouvez voir ceci:

      1. Merci d’avoir pris le temps de répondre. 

        Tous les paramètres sont réglés.
        Attribut et variation ok, quantité de produit ok, stock ok …

        C’est un bug qui revient tres souvent… et je fais le tour du web pour trouver une solution sans reussite

        1. Désolé de polluer les commentaires.

          Apres plusieurs recherches et tests, ca fonctionne.

          Comme je suis sur un thème modifié, j’ai un appel jquery dans le header que j’avais ajouté. Apres l’avoir supprimer, le bouton panier revient…

          Ce problème peut aussi venir de plugin qui rajoute du jquery dans le header d’après mes recherches.

          Bonne soirée

          1. Je rencontre exactement le même problème que toi…mais avec beaucoup plus de mal à trouver la solution.
            L’ajout au panier a disparu sur tous les produits suite à l’installation d’un plugin (de trop…). j’ai desinstallé le plugin…mais rien y a fait…

  8. Bonjour Matthieu et …

    …merci pour ce tuto, simple et efficace ! 🙂

    Est-il possible de faire varier la description du produit en fonction d’une variation ? 
    Produit A -> Variation A -> Description A
    Produit A -> Variation B -> Description B

    Merci 🙂
     

    1. Bonjour,

      C’est une bonne question la 🙂
      Nativement avec Woocommerce on ne peut pas. J’ai cherché une réponse mais je n’ai pas trouvé !
      Je pense que cela doit se faire en PHP mais direct depuis le back office je n’ai pas de solution.
      Il faut voir s’il existe un plugin qui permet de modifier des produits variables.

      Matthieu

      1. Bonjour,
        Le sujet date un peu, et j’avais la même préoccupation (enfin je pense).
        Ce que je voulais faire, c’était d’afficher la description d’un terme d’attribut. Très pratique quand on veut limiter les tailles des selects et apporter une explication supplémentaire à chaque terme.
        Voici un bout de code à placer dans le fichier du thème dans woocommerce/single-product/add-to-cart/variable.php

        $description_terms = get_terms($attribute_name);
        if( $description_terms ){
        echo  »;

        foreach ( $description_terms as $term ){
        echo  » . term_description( $term->term_id, $term->taxonomy ) .  »;
        }

        echo  »;
        } ;

        1. Ah oui, j’oubliais qu’elle est à placer juste après la variable $values (qui ne fonctionne pas d’ailleurs) !
          Bien sur cela va vous afficher toutes les description, donc il faudra un peu de javascript pour faire apparaitre au bon moment.

          Bon code !!!

          1. $description_terms = get_terms($attribute_name);

            if( $description_terms ){

            foreach ( $description_terms as $term ){
            $termAttribute = $term->slug;

            echo  » . term_description( $term->term_id, $term->taxonomy ) .  »;
            }
            };

            je l’ai un peu améliorié de façon à donner comme nom de class les slug, ce qui fait qu’avec les valeurs des selects et ces class, ce sera plus facile à faire apparaitre en JS ou jQuery

            Bon code

    2. Mon client m’a posé la même question , mais pour une précision du descriptif. J’utilsie les attributs pour « allonger un peu « variation 1 bla bla bla bla »

      Par ex trois variations : type A 22 cm de haut et 10 de large »
      type B 30 cm de haut et 10 de large » type C 40 cm de haut et 10 de large »

  9. Bonjour,
    Merci pour ce super tuto, cependant j’ai un souci. J’ai crée un produit variable (une paire de chaussures) et je lui ai rajouté des pointures.Mon problème est que quand je choisi une pointure et que je veux ajouter à mon panier, j’ai une erreur qui me dit de choisir une option.

    Si vous avez une idée du problème..

    Merci

    1. Bonjour,

      Vérifier si vous avez bien du stock sur vos options et que le paramétrage est le même que mon tutoriel. Vous pouvez créer un produit « test » pour voir.
      Sinon à vérifier qu’il n’y est pas une erreur javascript.
      Si vous n’y arrivez pas, contactez-moi par mail et je peux y jeter un oeil.

      1. Suite a ce problème avez vous trouvé une solution car j’ai exactement le même problème !
        il me semble que c’est pas une erreur de JavaScript

        Merci de m’éclairer  

    2. Bonjour,

      Je vous envoie ce commentaire 1an après son post  mais j’ai le même soucis que je n’arrive pas à résoudre. Pourtant, tout est bien paramétrer. Je deviens fou…

      Avez-vous réussi à trouver la solution?

      Merci pour votre aide.

  10. Bonjour Matthieu,
    Je souhaite commercialiser des colliers pour chien brodés avec le nom de ce dernier.
    Soit juste la possibilité pour le client lors de sa commande de rajouter le texte du nom de son chien sur une « option » du produit.
    Par avance merci cordialement.

          1. Bonjour Mathieu, merci pour votre disponibilité pour les gens comme moi qui ont du mal !!
            Vous dites qu’on peut le faire directement dans le code. Comment fait-on ? Merci encore à vous 🙂

          2. Bonjour,

            Comme ça je ne sais pas, faut voir directement sur le site, il faut faire de l’intégration PHP.
            Le plugin ne fonctionne pas ?

  11. Bonjour, 

    Simple et bien expliqué pour les bases mais j’ai une question, sur les attributs parents/enfants.

    Savez-vous s’il est possible d’afficher de manière conditionnelle des attributs enfants.

    Exemple en back office j’ai mes attributs : 
    1 coton
    1.1 blanc
    1.2 noir
    2 lin
    2.1 beige
    2.2 gris

    En front office
    J’ai d’abord le choix coton ou lin (les attributs parents)
    Si je choisi coton, un second menu déroulant aparait pour me permettre de choisir l’un de ses enfants : blanc ou noir.

    Merci 

    Romain

    1. Bonjour,

      Vous avez l’affichage natif à Woocomerce.
      Après il faut faire du CSS pour faire apparaître les seconds menus et les « grisé » quand ils sont inactifs.

  12. bonjour, merci pour ce tuto très bien fait.
    cependant je rencontre un soucis .J’aimerai créer plusieurs produit (beaucoup) avec 3 variables, disons!! jusque la ça va. je peux changer le prix selon les variable.

    mais peut on dire augmenter le prix d’un produit selon une variable choisie …c’est a dire dire qu’une variable augmente de 20% le prix de mes produit sans le rentrer un par un dans chaque produit.

    Une autre chose aussi j’aimerai baisser le prix d’une catégorie entière (pour promo) j’ai trouvé pour la modification groupée mais ça ne fonctionne pas rien ne se passe

    1. Bonjour Cédric,

      Pour éviter de rentrer des produits un par un, il va falloir faire des imports CSV. Un fichier excel avec tous vos produits, prix etc
      Ce plugin peu sûrement vous aidez (il existe des vidéos d’utilisation):
      https://wordpress.org/plugins/woocommerce-csvimport/

      Pour la deuxième chose cela peut-être fait avec les imports. Une fois que vous un fichier d’import propre avec tous vos produits, dès que vous avez besoin de faire une modification produit, vous passez par le CSV. Idéal quand on a un gros catalogue produit.

      Le plus long est de construire ce CSV 🙂

  13. Bonjour,
    je me suis aperçue (un peu tard) que j’avais mis au pluriel tous mes attributs (couleurs, taille, etc.) comme j’ai beaucoup bidouillé le CSS de mon site et que ça ne saute aux yeux je n’y n’ait pas fait attention, mais je voudrais changer de thème et c’est là que la faute s’est révélée.
    En fait il y a le pronom personnel « Toute » (sans S) devant tous les attributs « taille » couleur qui ont un S, d’ailleurs j’aimerais bien pouvoir enlever le « Toute »… j’ai cherché partout pour corriger et ne pas être obligée de tout refaire ou de laisser la faute, même si c’est pas grave. comme je ne me sers pas de worpress depuis longtemps j’ai beaucoup de lacunes… c’est peu dire 😉
    si vous avez un piste, elle est bienvenue.
    l’adresse du site est la même que le mail.
    Cordialement

    1. Bonjour,

      Vous pouvez directement dans le backoffice de WordPress, sur vos produits, modifier le nom dans attributs.
      A côté de « enlever », vous avez une flèche qui vous permet de changer le nom 🙂

  14. Bonjour,
    merci pour cette réponse, mais il ne  s’agit pas de cela. Il s’agit du pronom personnel « toute » (qui s’ajoute) devant chacun de mes attributs dans la zone de widget. 
    J’ai regardé dans ma BDD pour voir mais impossible de le trouver.

  15. en fait non c’est impossible, ça cacherait tout l’attribut, enfin je suppose. 
    c’est ici que ça se passe
    Toute couleurs, c’est dans la fonction du thème ou WC mais où ?

  16. Bonjour Mathieu,

    Merci pour ce tuto bien monté. J’ai une petite question. En fait, je voudrais créer un produit avec beaucoup d’options, du type « produit sur mesure ». Chaque options induisant un coût supplémentaire. Mais je ne saisi pas comment fonctionne le produit variable dans le sens où j’aimerai simplement que ce coût s’ajoute à celui de base. Hors il semble qu’il me faille entrer les variables une par une (ce qui revient à dépasser les 50 variables limites).

    Ne peut on pas par exemple :
    – choisir un produit = 180 €
    – choisir une couleur supplémentaire pour se produit = + 30 € (ajouté automatiquement)
    etc.

    Je ne sais pas si je suis claire … Merci par avance en tous cas 🙂

    1. Bonjour,

      Pour éviter de devoir faire les variations une par une vous avez la seule solution de faire un fichier d’import.
      Un fichier CSV d’import de produit variable Woocommerce, des tutos ici:
      http://docs.woothemes.com/document/product-csv-import-suite-importing-product-variations/
      https://allaerd.org/documentation/import-product-variations-woocommerce/

      Il existe pas mal de sites qui parle d’import de produits, mais votre solution est par la 🙂

  17. Bonjour,

    j’ai bien compris les attributs, mais comment puis faire pour avoir une statistique détaillée de ceux ci?
    Genre Tshirt avec attribut = S-M-L
    J’ai bien vendu 10 tshirt, mais comment savoir si j’ai vendu 2S, 3M et 5L?
    Existe il une solution pour ceci?
    Merci de votre aide.

  18. Bonjour Matthieu,
    Merci pour ce tuto, j’ai cependant j’ai une question… serait-il possible d’afficher plusieurs photos par article mis en vente (par attribut)… je m’explique, par ex. je dois vendre 6 montres de couleurs différentes et je voudrais montrer la montre sous tous les angles ET par coloris…(j’ai 4 photos par montre) 
    Je ne sais pas si je suis très claire, mais je voudrais éviter que les photos des 6 montres soient toutes mélangées dans la galerie. Et plutôt pouvoir sélectionner UNE référence et voir les 4 photos de celle-ci s’afficher. 

    En gros est-il possible d’avoir plusieurs photos par attributs ?

    merci ! et désolée si je ne suis pas très claire…

    1. Bonjour Ariane,

      Effectivement, nativement nous pouvons mettre 1 photo par attribut sur Woocommerce et seulement une.

      Après une recherche, il n’existe pas de plugin pouvant le faire.
      C’est les limites de Woocommerce, je pense que cela peut se faire avec un développement. Par exemple sur Prestashop il est possible de faire ça.

      La seule solution si vous ne voulez pas faire de développement est de créer 1 produit par déclinaisons mais cela donne un catalogue bien plus lourd.

  19. Bonjour,
    j’ai créé plusieurs produits variables sur mon site et rien ne semble réagir quand je sélectionne l’une ou l’autre valeur pour mon attribut ou quand je clique sur  » réinitialisation de la sélection « … Une idée d’où vient le problème ? J’ai créé mon thème from scratch. C’est peut être delà que ça vient ? C’est la première fois que j’utilise WooCommerce donc j’ai du mal pour certaines choses… Voici un exemple d’un de mes produits variables: http://www.ideato3d.be/boutique/colorfabb-speciaux/colorfabb-filament-cuivre/

    Merci d’avance.

      1. Merci pour votre réponse,

        J’ai désactivé la Google Map pour qu’il n’y ai plus d’erreurs JS et ça n’a toujours pas fonctionné. 

        Quand je regarde dans les ressources du site, je ne vois aucun fichiers script liés au plugin Woocommerce, ce ne serait pas ça le problème ? 

          1. Oui oui, j’ai ré-activé ma Google Map comme ça ne fonctionnait quand même pas sans l’erreur JS. Il semble donc que le problème ne vienne pas de là.

          2. Ok j’ai trouvé d’où venait mon erreur… J’avais simplement oublié de mettre la balise WordPress wp_head(); à la fin de mon fichier header.php. Erreur « à la con », mais au moins tout fonctionne bien maintenant et les scripts Woocommerce se chargent 🙂

            Merci quand même pour tes réponses rapides 😉 

  20. Bonjour ! 

    J’ai crée plusieurs variables couleur pour un même produit ainsi que des champs personnalisés pour que la couleur apparaisse en dessous du titre sur la page. 
    Lorsque je change de couleur, la photo principale change bien, mais le sous titre couleur ainsi que la galerie photo ne changent pas. Savez-vous si il est possible d’ajouter d’autres éléments que le prix, la photo et le stock au sein des variations ? 

    Cela limite un peu la page produit pour l’instant !

    Merci beaucoup pour votre aide.
     

    1. Bonjour Clara,

      Votre champ personnalisé ne se modifie pas selon l’attribut. Je pense que pour cela il faudrait faire un petit dev qui reprend l’attribut en cours sur la page.
      sous Woocommerce effectivement selon l’attribut, la photo principale changent mais pas la galerie.

      Les variations sont assez limités, nous n’avons pas autant de choix que les déclinaisons sur un Prestashop par exemple.

      Après il faut souvent toucher au code pour rajouter certaines choses sur Woocommerce.
      Vous pouvez trouver des plugins intéressants ici:
      http://codecanyon.net/category/wordpress/ecommerce/woocommerce

  21. Bonjour, je découvre votre site. Une mine d’or pour moi qui hésite encore entre une boutique prestashop et ajouter un plugin sur mon site WP(qui n’est pas encore en ligne, je suis en train de le créer)… d’ailleurs j’hésite encore entre WOOcommerce et un autre que je viens de découvrir(WPshop) je ne sais pas si vous connaissez… 
    Votre article tombe a pic puisque je vais avoir beaucoup besoin de ces produits variables.
    Je suis créatrice de papeterie pour les mariage, naissance et autres moments de bonheurs à partager en famille.
    De ce fait je peux par exemple créer un faire part de naissance rose mais je veux pouvoir offrir la possibilité au client de le choisir en bleu ou en vert par exemple…

    Une question qui est un peu hors sujet de l’article mais savez vous si avec woocommerce on peut cliquer sur l’image dans la fiche produit et que celle ci apparaisse en plus grand dans une nouvelle fenêtre. Mes créations nécessite d’être vu « de près » pour voir les petits détails…qui font toute la différence…
    Sur WPshop j’ai fait une utilisation de leur site démo et les images ne sont pas cliquables…
    ou alors il faut ajouter un autre plugin pour ça ?

    merci pour tout. Je vais m’empresser de regarder tout vos articles.

    1. Bonjour Aurélie,

      Merci pour vos commentaires c’est très gentil 🙂
      Je ne connais pas WPshop. Cependant sur Woocommerce on peut agrandir les images, exemple: http://foreveride.com/boutique/t-shirt-bmx-stay-humble-foreveride/.

      Après il faut voir si vous utilisez un thème WordPress, que cette fonctionnalité soit bien disponible.
      Mon conseil, si vous avez beaucoup de produits et de variables, de vous tournez vers Prestashop. La gestion des déclinaisons produits est plus avancée.

      Matthieu

      1. Merci beaucoup pour votre réponse. 
        J’oserais encore une question. 
        Savez vous si sur woo-commerce on peut ajouter un attribut champ de texte personnalisé. 
        je m’explique pour un faire part de naissance je souhaiterais proposer la possibilité aux parents d’inscrire le prénom de l’enfant, donc je voudrais une case de texte ou il pourrait le taper avant de valider leur produit.

        Merci pour votre conseil sur prestashop. Je pense commencer par woo commerce pour me faire la main avec le peu d’artciles que j’aurais au début et si ça ne me convient pas j’envisagerais prestashop plus tard.

        merci encore pour cet article très intéressant.

  22. Bonjour Matthieu et un grand merci pour votre site. 

    Je suis en train de programmer mes promotion de demain. J’aimerai mettre en promo des produits qui ont des variation ( même produit, même prix , juste couleur différente!) . Comme mon produit est un produit variable et pas un produit simple je n’ai pas les cases : Prix de vente et prix promo dans l’onglet « Général », je n’ai que « UGS ». 

    Pouvez vous me rendre un grand service et me dire comment mettre un prix promo sur mes produits variables (Ils ont tous le même prix de base et auront tous le même prix promo) . 

    Un grand merci d’avance pour votre sauvetage !

    Camille  

    1. Bonjour Camille,

      Pour chaque variation vous avez « Prix régulier » et « Prix de vente ».
      – Prix régulier = prix normal
      – Prix de vente = prix avec promotion
      Il faut indiquer dans prix de vente le prix avec réduction.
      L’ancien prix sera barré et à côté le nouveau (selon votre thème).

  23. Bonjour,
    j’ai un soucis et je ne le trouve pas sur le net, ca me parait bizarre qu’il n’y est pas de demande a ce sujet.

    Je vend des t-shirts en quantité, j’ai le choix sur 6 tailles differentes, et c’est une option de déroulement pour les choisir et j’aimerai a la place avoir un tableau sous forme de grille permettant de choisir plusieurs tailles et ajouter toutes ces tailles dans le panier, exemple :

    Taille S une case pour mettre 2 piecs, taille M 5 pieces, taille XL 8 pieces, et cliquer sur ajouter au panier toutes ces tailles. Vous remerciant d’avance pour savoir comment faire 🙂

    1. Bonjour,

      Le problème n’est pas de réaliser un tableau, mais c’est d’avoir une quantité par taille qui est compliquée.
      En effet sur Woocommerce on choisit un produit et une taille et non plusieurs tailles.
      Je pense effectivement qu’il n’existe pas d’extension et qu’il faut surement faire un développement pour avoir ce résultat.

      Ps: peut-être voir avec des extensions qui permet de créer des packs produits

      Matthieu

  24. Bonjour Matthieu , superbe site que tu as, felicitations!
    je ne sais pas si tu peux me donner un coup de pouce, je suis entrain de realiser un site marchand avec wordpress et woo commerce, et je me retrouve avec un frein, est-il possible d’afficher par défaut le prix unitaire du produit, et une fois mit dans le panier, le calcul ce fait par rapport au donnés instauré.
    EX: prix d une canette a 2 euros , mais je vend ce produit uniquement para pack de 12 ou 24. en espérant avoir été clair , merci pour ton aide

    Henry

    1. Bonjour,

      Merci pour ce commentaire 🙂

      Les produits sont-il gérés en variable ?
      Si oui normalement il affiche à A partir de..
      S’il n’y a pas le produit vendu à l’unité cela va être + compliqué.

      Vous pouvez utiliser « Description de la variation : » et pourquoi pas faire un peu de CSS sur ce champ pour mettre en avant le prix unitaire ?

      1. Bonjour Mathieu , effectivement c’est un peu complexe … mais c’est assez nécessaire pour moi d’indiquer le prix unitaire, mais woo fasse le calcule automatiquement une fois le client rentre dans son panier pour payer.
        je des bases très basique en wordpress, comment je pourrais coder pour avoir le résultat voulu?

        Merci pour ton temps

        1. Comme ça je ne sais pas il faut voir avec le site, étudier ce qu’il y a faire.
          Mieux vaut faire appel à un prestataire pour ne pas « casser » votre WordPress.

  25. Bonjour,

    Le tuto est très clair et je vous en remercie vous m’avez ôté une épine du pied. 

    Est-il possible de faire la même chose pour les produits simple? J’ai regarder un peu partout et essayé de modifier la fonction mais sans y parvenir.

    Par avance merci.

  26. Bonjour,

    Lorsque je crée un produit variable pas de problème. Mais lors de la création d’un second, il affiche automatiquement le prix du premier alors qu’il est différent. Lors de l’ajout au panier, le bon prix est sélectionné…

    Je n’arrive pas à comprendre d’où vient le problème.

    Avez vous une solution?

    Merci d’avance.

        1. Pourtant je ne vois pas d’erreur sur votre site.
          Vous avez dupliqué le 1er produit ou vous en avez créé un nouveau ? Cela peut venir de là.
          Et si vous modifiez le prix du premier il se passe quoi ?

  27. Bonjour

    ,
    je ne comprends pas pour ma part à quoi sert la case UGS ? Car dans mon produit après avoir crée ses variations et différentes tailles et bien je vois UGS : N/A Catégorie : le nom de ma catégorie.

    Comment je peux faire pour que cela ne s’affiche pas ?
    merci pour votre tuto !

  28. Bonjour Matthieu,

    merci pour ce tuto indispensable pour un débutant comme moi et du temps que vous consacrez pour nous venir en aide.
    J’ai une autre question concernant le nombre de variations par articles qui est limité à 50, est-il possible de l’augmenter ?

    Pascal.

  29. Bonjour

    Comme dab, si j’ai besoin je cherche sur votre site mais là je n’ai pas de réponses à mes questions.
    Je crée un site de biére en ligne (woocommerce)
    Le truc idiot, j’ai essayé acf etc … mais je voudrais rajouter sous le tarif une zone personnalisée pour indiquer à chaque fois, le type de biére, les degrés et la contenance, voire le brasseur. Ces champs pourront être utilisés pour une recherche par critére. Avez-vous une bonne idée de plugin pour me faire ça ?
    Merci

  30. Bonsoir Matthieu,
    J’ai bien suivi votre tutoriel qui était très clair. 
    J’ai un soucis. Mon produit a bien pris les variables de taille que je voulais. 
    Par contre, le bouton sur la page d’accueil qui s’appelait ‘Ajouter au panier’ s’est transformé en ‘Choix des options’ 
    Je voudrais remettre ajouter au panier. Est ce que vous avez déjà eu ce problème ? 
    Je vous remercie

    1. Bonjour,

      C’est normal parce que le bouton n’est plus un bouton ajouter au panier, le client doit choisir sa taille avant d’ajouter au panier.
      Le bouton envoie vers la fiche prodruit.

      ‘Choix des options’ est la traduction native de Woocommerce quand il y a une variable.
      Cela se modifie, il existe des plugins de traductions (ou modifier les fichiers po directement sur le serveur):
      traductions woocommerce

      1. Bonjour Matthieu,

        j’ai le même soucis j’aimerais remplacer « choix des options » par un autre texte.

        J’ai modifié le fichier po (/wp-content/languages/plugins/woocommerce-fr_FR.po) mais rien ne se passe

        Sais tu d’ou ça pourrais venir ?

        Merci d’avance

          1. Merci de ta réponse. 

            Justement mon thème utilise déjà le plugin WPML. Et je ne sais pas comment modifié ce bouton avec…

      2. Bonjour,
        est-il possible d’enlever carrément ces boutons « choix des options » ? S’il y a déjà l’image du produit et son intitulé en dessous qui sert déjà de bouton, je trouve que c’est largement suffisant. Pas besoin de ce bouton supplémentaire « choix des options ».
        Merci d’avance pour toutes ces explications très utiles

        1. Bonjour,

          Il suffit en CSS de mettre un « display : none » sur ce bouton si vous voulez l’enlever.
          Sinon il faut aller dans les fichiers PHP de votre WordPress et supprimer carrément le bout de code 🙂

  31. Bonjour,
    Grand merci pour ce tuto! J’ai l’habitude d’utiliser WordPress mais je débute avec WooCommerce.
    Petite question… Mon client souhaiterait proposer des prix réduits en fonction de la quantité d’achat (d’un même produit). Comment puis-je éditer un/des prix régressif en fonction de la quantité ?
    Ex: ProdX = 50€. A partir de 5 = 40€

    Merci d’avance pour ton aide.

  32. Bonjour Matthieu,
    J’ai bien suivi votre tutoriel pas à pas. Merci beaucoup, il est très clair et j’ai réussi à mettre mes variables (30 jours :30 €, 60 jours: 60 €, 90 jours : 90 €).
    J’ai un souci à l’affichage du produit sur la boutique. Le prix affiché est 30 € – 90 €. J’aimerais que le prix qui s’affiche soit uniquement le moins élevé : 30 €. A quel niveau faut-il que j’intervienne pour modifier cet affichage ? D’avance merci de votre réponse. Bonne journée !

    1. Bonjour,

      vous pouvez intervenir en CSS et cacher le prix le plus haut. Sinon il me semble qu’il est possible de rajouter une fonction pour afficher le prix le plus bas ou le plus haut dans le fichier function.php

  33. Bonjour, je rencontre un problème lors de la création de mes produits variables.
    Je propose un service sur mesure et demi-mesure, le prix ne change pas mais ce qu’il change ce sont les catégories de choix. Pour le demi-mesure, vont se rajouter un critère de taille, de coupe et de longueur de bras. 
    Ce que j’aimerais c’est avoir un premier choix avec Demi-mesure ou sur-mesure et suivant le choix du client qu’il y ai uniquement les critères pertinent qui apparaissent; pour le sur mesure juste le choix du col et des poignets. 
    J’espère avoir été claire, merci d’avance pour votre réponse et bonne journée. 
    Bien cordialement, 
    Weber Julie

    1. Bonjour Julie,

      Merci pour votre mail.
      Vous voulez donc faire des variables déclinées en plusieurs options.
      Woocommerce est limité pour cela contrairement à Prestashop.
      Il va falloir créer 2 produits différents.

  34. Bonjour Matthieu,

    Merci pour votre tuto qui m’a permis de configurer sans trop de problème un catalogue de produits variables.

    J’ai juste une fonction que je n’arrive pas à trouver:

    La situation: 
    Mon produit: Pelote de laine avec x variations
    attributs: coloris

    Sur le front end, lorsqu’on sélectionne un coloris, la photo s’affiche correspondant à la variation. Parfait!

    Mais ce que je souhaiterai en plus c’est l’inverse. C’est à dire que lorsqu’on click sur une des photos de la galerie produits, cela sélectionne le bon coloris dans l’onglet sélection produit.

    En effet j’ai une de mes gammes de laines où mes attributs n’ont pas de nom de couleur  mais des références (car dans cette gamme, une pelote mélange plusieurs fils de couleurs différentes) . Du coup le client qui doit sélectionner sa pelote se retrouve face à une liste de références. Il doit alors clicker sur chaque référence par hasard pour retrouver la photo qui lui a plu dans la galerie sous l’image produit. Pas très pratique!!

    Si je ne suis pas clair, je vous met ci-dessous le lien de l’exemple produit.

    http://moutonrose.com/produit/laines/lang-yarns-jawoll-magic-degrade/

    Merci d’avance et bonne fêtes de fin d’années.

    Sylvain Paolini

    1. Bonjour Sylvain,

      Je comprends votre demande, au chargement de la fiche-produit, Woocommerce charge toutes les photos disponibles pour le produit.
      Il ne fait pas de différence avec les variations.
      Cependant les variations sont bien rattachées à un produit, mais pas l’inverse.

      Pour réussir à faire l’inverse, il faut faire du développement, je pense assez lourd et couteux… (Pour cela voir avec un développeur).
      Le plus simple peut-être serait de créer un « catalogue » d’une page PDF, à mettre en haut de la fiche produit avec chaque image et le nom de la référence en dessous.
      Le client aurait une visibilité globale du produit.

      Voilà Sylvain 🙂

  35. Bonjour,
    je suis à la recherche d’un plugin ou d’une solution pour modifier mes produits « variables » en masse. J’ai installé le Plugin PRICES qui fonctionne très bien mais uniquement sur du produit simple.
    Nous sommes en période de soldes et les modifier un par un n’est pas ma solution préférée.
    Sauriez-vous m’aider ?
    Merci. cordialement.

    1. Bonjour,

      Comme beaucoup de cms ou il y a de nombreux produit à rentrer il faut faire des imports.
      La réponse est déjà dans les commentaires de l’article.
      Il faut utiliser ce plugin: importe produit variable woocommerce, il permet de faire des imports CSV.
      Le plus « embêtant » est de construire un fichier CSV propre et conforme à Woocommerce.

      Bonne continuation 🙂

    2. Personnellement, j’e suis confronté à ce problème : modifier les pris en masse des variations (qui sont nombreuses).
      Je peux conseiller un plugin qui fonctionne très bien, mais qui est payant (97$), je à la recherche d’une outils équivalent gratuit ou au moins à un prix raisonnable, mais pour l’instant, rien (c’est en cherchant ca que je suis arrivé ici…). Le plugin est SMART MANAGER.
      Sur un forum, j’ai également vu passer que Woocommerce proposait un plugin qui permettait de créer des variation en affectant un prix à une variation avant la création ce qui permettait de tout de suite obtenir des variation avec des prix… ca devrait être présent dés le départ, c’est inclus dans prestashop… enfin bref, si ca peut aider, voilà où j’en suis de mes recherches

      1. Bonjour,

        Effectivement des choses présentes et évidentes pour le e-commerce sur Prestashop ne l’est pas sur Woocommerce.
        Presta est spécialisé dans le e-commerce et non WordPress (même s’ils travaillent et font bien évoluer leur outil).

        La seule solution et la plus propre c’est de faire des imports CSV de produit. Créer un fichier exel avec vos produits, variation, description, prix etc et garder toujours ce fichier à jour et sous la main. Modifier un fichier CSV est beaucoup plus rapide que de tourner dans le back office.
        Ce plugin peu sûrement vous aidez (il existe des vidéos d’utilisation):
        https://wordpress.org/plugins/woocommerce-csvimport/

  36. Bonjour,merci pour votre tuto bien clair et explicite. il existe également une méthode qui permet de créer des catégories d’attributs . Des attributs customisables que l’on retrouve de produits en produits , ce qui empêche de toujours les intégrer individuellement . 

    Si vous auriez des infos sur cette autre méthode je serai assez prenneur parceque malgrès toutes mes recherches je n’arrive pas à la reproduire. Bien cordialement

  37. Bonjour Matthieu,

    Merci pour vos tutos, toujours aussi clair et pertinent. J’ai une question concernant l’affichage des images des attributs.

    Je souhaitai qu’une fois un attribut sélectionné et ajouté dans le panier, l’image qui s’affiche dans le panier soit celui de l’attribut et non du produit variable.  Suis-je compréhensible ? Si vous avez une solution, je suis preneur.

    A votre disposition.

  38. Bonsoir,
    Merci de prendre le temps de faire des tutos aussi détaillés et de répondre à chacun.
    Comme d’autres, j’ai aussi ma petit question ;).
    Je n’ai aucun soucis pour les attributs, les variables etc sur la fiche produit tout fonctionne. Je voudrais juste retirer quelques éléments.
    Dans la liste déroulante il y a l’option « choisir une option ». On peut cliquer dessus pour « remettre à zéro » mais je trouve ça inutile.
    De même lorsqu’une option est sélectionnée, sous la liste déroulante la phrase « clear solution » apparaît. Elle est toute aussi inutile et je voudrais les faire disparaître.
    Je me doute bien que c’est à moi d’ajouter les codes pour ça mais je ne trouve pas comment faire… ni dans quel dossier ça se trouve.
    Auriez-vous une idée ?

    1. Bonjour,

      Merci pour ce commentaire agréable 😉
      Vous pouvez modifier cela depuis le back office. Effectivement on peut mettre une variation par défaut dans Woocommerce.
      Une fois sur l’onglet variations, vous avez en haut « Valeurs de formulaire par défaut ». A vous de choisir, et cela remplace « choisir une option ».
      Ensuite pour effacer « clear solution » il suffit de mettre un display none dans votre fichier CSS sur la class .reset_variations ou de modifier le fichier variable.php dans templates > single-product > add-to-cart.
      Attention pour le PHP cela demande une bonne connaissance du language. Faites une sauvegarde de vos fichiers avant.

      1. Bonjour,
        Merci d’avoir pris le temps de rechercher 🙂
        Je n’avais effectivement pas fait attention à l’option « valeur de formulaire par défaut ». Cela va me servir pour certains articles !!!
        J’ai également continué mes recherches suite à mon post et j’ai réussi à trouver un « morceau de code » répondant aussi à ma demande. Je me permet de l’écrire ici si ça peut aider. Il est à copier dans le functions.php de son thème : 
        add_filter( ‘woocommerce_dropdown_variation_attribute_options_args’, ‘mmx_remove_select_text’);
        function mmx_remove_select_text( $args ){
        $args[‘show_option_none’] =  »;
        return $args;
        }
        Pour faire disparaître le « clear solution » effectivement j’ai intégré un « display none ». Mon thème (Virtue) permet d’ajouter des champs css dans ses options. Je l’ai mis ici et ça fonctionne 😉
        Encore merci pour ce tuto et d’avoir pris le temps de rechercher et de répondre 🙂
        Il me reste encore quelques éléments à modifier/supprimer afin de répondre à toutes mes attentes mais j’avance petit à petit et je vais finir par trouver les solutions 🙂
        Bonne continuation !

  39. Bonjour, dans Woocommerce j’ai créé un produit avec des variables. Tout fonctionne sauf quand je clic sur l’objet pour lancer la Lightbox les variables de couleurs ne s’affichent pas. Pouvez-vous m’aider ?

    Merci

      1. Bonjour, c’est au niveau de la boite de dialogue des variations ou l’on peut choisir différentes couleurs. Tout fonctionne sur la page du produits mais pas quand on est dans boutique et qu’on fait un aperçu. A ce niveau le choix pour les variations n’est plus disponible.
        Merci

  40. Bonjour,

    j’ai une petite question, je viens de paramétrer mes produits comme vous l’avez fait sur ce tuto, cependant je rencontre un problème : j’ai ajouté des variantes avec des prix différents et du coup sur la fiche produit le prix apparaît comme cel

    1. Bonjour,

      Cela est normal, c’est le système natif à Prestashop. 

      Il faut aller directement dans le code pour modifier cela, dans le PHP ou faire une manip CSS.

  41. bonjour! peut on fixer plusieurs tailles et plusieurs prix a un seul produit pour que chaque tailles représent un prix et que le client choisisse et comment faire?merci

  42. Bonjour, j’ai un souci, je ne sais pas si vous allez pouvoir m’aider. Après avoir rentré toutes les caractéristiques des produits quand je vais sur la page boutique je voit bien les produits mais des que je clique sur « + de details », j’ai une page qui apparait mais qu’avec les avis. Je ne voit pas le produit, ses caractéristiques, les photos…. je bloque totalement je ne sais pas quoi faire…..
    Merci
    Noémie

  43. Bonjour,

    l’explication des attributs est très claire, merci.
    Quelle différence y a-t-il entre créer des attributs sur la page du produit et créer des attributs par le menu « Attributs » présent dans le menu « Produit » ?

    Merci par avance,

    Julien

    1. Bonjour,

      aucune, vous pouvez créer des attributs directement sur la fiche produit ou bien dans le menu attributs.
      Ensuite sur une fiche produit il faut juste choisir l’attribut que vous voulez.

  44. Bonjour Matthieu !
    Merci pour ce tuto il m’a bien aidé!
    Sur mon site http://www.be8eight.com, je propose des t-shirts version Homme/Femme avec les variables de taille et de couleur.
    J’aimerais également proposer le modèle enfant, le problème c’est que le tailles S/M/L … ne correspond pas à la taille enfant (4/5ans, 6/7ans …).
    Est’il possible de modifier les variables (de taille) en fonction du choix d’autre variable (homme/enfant)?

    Voila une semaine que je cherche sans trouver de solution…

    Encore merci par avance 😉 

  45. Bonjour, 

    ayant un site utilisant woocommerce avec peu de produits mais tous avec variations et achat via paypal. Cela fonctionne très bien. Mais quelqu’un peut-il conseiller un plugin pour exporter cela précisément (même un plugin payant) c’est à dire savoir qui a acheté par exemple tel t-shirt, tel taille, telle couleur et cela bien clairement en xls plutôt qu’en csv ? 
    Actuellement, j’exporte en xls bien joli, mais il n’y a pas les variations…c’est bien dommage. Il est important de savoir que quelqu’un a acheté un t-shirt XL, plutôt que de savoir que quelqu’un a acheté un t-shirt…
    Merci à tous et bravo pour ce site

  46. Bonjour

    J’ai un petit problème avec mes variations, 
    quand je selectionne un de mes variations pour ensuite les mettres au pannier un message d’erreur s’affiche : « Choisissez les options produit svp … » 
    J’ai essayer avec le thème Mystile et je n’ai pas ce problème…
    D’ou cela peut-il provenir ?

    Merci de votre aide

  47. Bonjour,

    Merci pour ce tuto, j’ai testé mais je ne pense pas que ça va régler mon problème.

    Je vous explique : j’aimerais pouvoir afficher si le produit est vendu à la pièce, au kilo ou au litre par exemple.
    Est ce que je dois utiliser les attributs ou pas.
    Je ne pense pas que ce soit la solution mais …
    Pouvez vous m’éclairer ?

    Merci d’avance pour votre réponse 

    1. Bonjour,

      Merci pour votre mail.
      Pour faite simple, le mieux est de l’afficher dans la description courte ou bien effectivement dans les variations.

      Matthieu

  48. Bonjour Matthieu,

    merci pour le tutoriel, j’aimerais savoir s’il est possible de mettre un stock sur chaque variation d’un attribut: ex, 3 sortes de « formats » de photos liées à 2 types de « finition » (format et finition sont des attributs). J’ai lié toutes les variations entre elles pour mettre un prix pour chaque variation, mais j’aimerais mettre un stock pour chaque sorte de format (comprenant tous les types de finitions). Possible ou pas sous woocommerce? Merci! 🙂

    1. Bonjour,

      Dans le produit, dans inventaire activez la gestion de stock au niveau produit.
      Ensuite pour chaque variation vous pouvez définir un stock.

  49. Bonjour Matthieu, 
    Je découvre votre site, c’est une vrai mine d’or : J’ai regardé dans les commentaires mais je ne crois pas que la question ai été posée (toutes mes excuses si c’était déjà le cas !)

    J’ai bien crée mes variations avec mes deux prix différents mais j’aimerai que lorsqu’un client ajoute à son panier le produit avec la variation 1 que le produit tombe en épuisé même pour la variation 2. 
    Je ne propose que des produits uniques et j’ai donc mis mon stock à 1 ex pour chaque variation. 
    Si le client ajoute à son panier le produit avec la variation 1 il peut le rajouter ensuite à son panier avec la variation 2 mais le produit n’est en réalité plus disponible puisqu’il a déjà été ajouté avec la variation 1…

    Une idée ? Y’ a -til un pluggin spécial ? Ou est-ce tout simplement impossible ?
    J’espère avoir été claire, merci d’ores et déjà pour votre réponse !
    Anne

    1. Bonjour,

      Il n’y a pas de solution.
      Le mieux est de ne pas gérer le stock au niveau des variations en mettant 1 en stock ou créer 1 produit pour une variation.

  50. Bonjour,
    J’ai bien rentré tous les produits sans probkème  mais je bute sur ce point ; existe-t il une manip pour appliquer un pourcentage d’augmentation à tous les prix en une seule fois?

    merci

    1. Bonjour,

      Après la création de vos attributs vous ajoutez une variation.
      dans la liste déroulant vous choisissez « toute lenomdevotreattribut », ensuite votre prix s’appliquera à toutes les variations.

      Sinon il faut réaliser des imports CSV.

      Matthieu

  51. Bonjour,

    Mon problème est le suivant:
    Nous avons des produits avec deux variations:
    – taille (13)
    – couleur (2)

    Le problème est que nous sommes obligés de changer les images dans chaque variable, c’est-à-dire 26 fois.
    Une variable = 1 taille lié à une couleur

    Y-a-t-il un moyen de faire en sorte de lier les tailles pour n’avoir à changer les images que sur les deux variations de couleur?

    Merci par avance,
    Arcandia

  52. Article simpliste et accessible comme je les aime !
    Le temps que tu passes pour répondre aux messages de tes visiteurs, je trouve ça beau !

    Sérieusement, je suis admiratif !

    Simon

  53. Bonjour Matthieu, 

    je cherche à savoir s’il est possible d’utiliser les variations pour les quantités de produits sur woocommerce ? 
    En effet mes produits doivent être vendus uniquement par 100, 200, 300 etc jusqu’à une quantité maximale de 600. 
    J’aimerais pouvoir mettre en place une liste déroulante permettant de choisir une quantité de produit spécifique..

    J’espère que vous saurez m’aider !

    Merci d’avance, 

    Adeline

    1. Bonjour,

      Pourquoi ne pas créer des variations justement ?
      Il suffit de créer des attributs 100 | 200 | 300 | 400.
      Comme ça pour le produit, il y aura une liste déroulante, il faut la nommer « Choisir sa quantité » et voilà.

      Matthieu

      1. Merci pour votre réponse.
        C’est ce que j’ai essayé de faire, le menu déroulant s’affiche bien mais ne fonctionne pas lorsque je mets l’article dans le panier, il ne prends pas en compte le nombre de produits choisi. J’ai peut être oublié une étape !

        1. Avez-vous bien des quantités sur vos produits ?
          Il y a peut-être une erreur Javascript.

          En faisant un test avec un produit simple ou un produit variable avec une seule variation cela fonctionne ?

  54. Oui, j’ai un minimum de quantité indiqué à 100 et un maximum à 600..
    J’ai testé avec un produit simple et variable avec une seule variation puisque c’est la seule option que je propose dans la boutique !

    Je ne comprends pas comment woocommerce peut comprendre que ma variation correspond à une quantité de produit et non à un attribut comme la taille ou la couleur 🙁

      1. Ca fonctionne en export, mais faut connaitre les noms de colonnes pour savoir quel prix changer. J’ai fait un essai qui m’a mis tout en vrac! heureusement que j’avais sauvegardé la bdd.
        Je vais chercher car c’est la seule piste
        Merci!

        1. Oui il faut toujours faire des sauvegardes avant import.
          C’est assez compliqué mais une fois que c’est en place vous pouvez rapidement mettre des nouveaux prix, des nouveaux produits etc

  55. Bonjour et bravo pour ce que vous faites.

    Pour ma part, j’ai un souci avec les variations. J’ai des produits « normaux » et j’ai aussi les pièces détachées qui les composent à mettre sur le site. J’ai crée une page « pièces détachées produit X » avec l’éclaté du produit et toutes mes pièces détachées en variation. et j’affiche le ugs (la ref de la pièce détachée) . Ca fonctionne très bien. Le problème c’est que j’ai des pièces communes à plusieurs produits et qui ont donc le même ugs. Or woocommerce ne veux pas 2 fois le même ugs. L’idéal serait de pouvoir aller piocher dans « pieces produit X » quelques variations pour les afficher dans « pièces produit Y » … euh …. je ne sais pas si je suis très clair 🙁

    1. Je vois bien, mais effectivement on ne peut pas avoir les mêmes références.
      Les variations permettent de créer un nouveau produit.

      Il faut je pense trouver un moyen de gérer en « pack produit ».
      Dans ce pack je mets le produit avec telle référence… Une gestion native à Prestashop.

      Pour Woocommerce, il faut regarder ce module qui permet de faire un bundle : https://www.woothemes.com/products/chained-products/

    1. Bonjour,

      Nativement on peut modifier l’image par variation (déjà une première piste et la plus simple).
      Sinon faire un développement spécifique pour créer une popup d’alerte.
      Ou pourquoi mettre à disposition sur la fiche produit un doc PDF avec les infos ?
      plugin pdf woocommerce

  56. Bonjour,

    Si ça peut aider quelqu’un : j’obtenais le message « Ce produit n’est pas disponible » alors que j’avais bien renseigné le nombre du stock. Par contre, j’avais juste oublié de préciser le prix du produit par variation… En indiquant un prix sur chaque variation, le problème a été résolu. 

    Au passage, merci beaucoup Matthieu Jalbert pour le partage de tes compétences ! Je suis admirative du temps que tu passes pour aider les autres. 

  57. Bonjour Matthieu
    Merci pour ce super tuto, très intuitif!
    J’ai ma catégorie de produit sur ma page accueil (ce sont des marques), puis apres le clic me permet d’attendre les différents produits, il faut cliquer sur le produit pour avoir accès aux détails mais moi je souhaiterais n’avoir qu’un produit avec le prix, les variations directement apres le premier clic peux tu m’aider stp?
    Merci et bonne soirée

  58. J’ai aussi oublié de te demander si on peut gérer le stock selon selon la variation? (ex : 50 paire de chaussons disponibles en taille 36 et 20 en taille 40? / et idem pour le prix différent selon la variation?

    1. Bonjour,

      Tu peux afficher directement des produits sur la page d’accueil mais cela dépend de ton thème WordPress au final.
      Tu peux afficher des produits juste avec un plugin.

      Tu peux mettre des quantités sur chaque variation, cela est natif à Woocommerce.
      Active la gestion des stocks.

      1. Merci de ta réponse; mes catégories sont bien affichées en accueil mais en cliquant sur la catégorie (j’atteinds les produits) je voudrais que les variations s’affichent sans avoir à cliquer sur le produit (le prix s’affiche bien lui)

        1. S’il faut que le client puisse choisir directement sa variation sur le listing produit il faut développer cela, il n’y a pas de fonctionnalités natives à Woocommerce pour cela.

          1. Re Matthieu
            une question m’intrigue : alors comment je peux proposer a l’internaute de commander deux produit de variations différentes? exemple s’il veut acheter un bleu et un rouge? il doit ajouter le bleu puis faire retour et revenir pour prendre le rouge? ce n’est pas gerable sur la meme page?

          2. C’est une logique e-commerce.
            On commande 1 produit avec 1 couleur. Il faut repasser par la fiche produit pour ajouter un nouveau produit.
            Le mieux est de désactiver la redirection vers le panier pour que le client reste sur la fiche produit.

            Sinon vous pouvez proposer des packs produits, mais le client sera obligé de commander plusieurs produits.

  59. Bjr Matthieu et merci pour ce tuto. j’ai suivi tes conseils pas à pas il me semble et j’ai crée un produit test avec les variantes formats, support et prix, seulement lorsque je valide et vais sur le site… boutique « aucun résultat trouvé ». je cherche le moyen de lier le produit la boutique pour qu’il apparaisse dedans..
    par avance merci de ton aide

    1. Bonjour,

      C’est un problème avec votre Woocommerce, pas avec les variables.
      La page boutique a peut-être un modèle de page particulier.
      Essayez aussi dans réglages de mettre à jour les permaliens (sauvegardez en bas de page).

    1. Bonjour,

      Vous pouvez utiliser un plugin multilingue si votre site est en plusieurs langues.
      Sinon il faut modifier le fichier po dans Woocommerce sur votre serveur.

  60. Bonjour Matthieu, merci pour ce tutoriel qui m’a déjà bien éclairci les idées, et du temps passé aux réponses. J’ai tout lu et je pense que ma question n’a pas encore été posé : j’ai créé mon produit qui est en fait un kit composé de 2 articles, j’ai créé une variation pour chaque article, mais j’ai un stock différent pour l’article 1 et l’article 2, j’ai essayé en mettant un stock différent dans mes variations, mais s’il prend bien en compte le stock de l’article 1, il ne vérifie pas le stock de l’article 2 ensuite en fonction de la variation choisie. Est-ce qu’il y a un moyen d’arranger cela ? (parce que je ne veux pas créer 2 fiches produits, je ne veux pas que le client puisse acheter les 2 produits séparément). Est-ce qu’il faudrait un développement spécifique ?
    Merci d’avance de votre réponse !

      1. oui, le stock est bien sur les variations, pas sur le produit, j’ai mis un stock de 10 sur la première variation et un stock de 4 sur la deuxième et pourtant je peux en ajouter 5 avec les 2 variations au panier… merci de votre aide précieuse !

  61. Bonjour Matthieu,

    merci beaucoup de prendre du temps pour nous !! J’ai un problème depuis quelques jours avec woocommerce. J’ai créé 3 produits variables, et je ne peux plus modifier les données produit que ce soit au niveau de l’inventaire, des attributs ou variations. Je ne sais pas pourquoi aucun onglet ne fonctionne. Même en créant un nouveau produit, je ne peux plus non plus modifier chaque onglet concernant les données produit … Pour info je ne comprends rien au Css, et je ne sais pas s’il y a une erreur quelque part … Ducoup je suis bloqué pour avancer … Savez vous d’où vient le problème ? Merci beaucoup pour votre réponse 🙂

    1. Bonjour,

      Le mieux est de faire un back up de votre site si vous en avez un.
      Vous avez peut-être fait une mise à jour qui fallait pas.

      Sinon il faut mettre à jour ou re-installer Wocoomerce (pour cela, ne pas le faire en ligne mais en local ou sur un serveur de dev).
      C’est le mieux je pense.

  62. Bonjour Matthieu !
    Je débute avec woocommerce et j’avoue que les variables sur produits sont trés facile d’utilisation avec votre tuto ! ^^
    ! J’ai cependant un soucis comme tout le monde… J’ai un produit « poster » avec 5 visuels différents, facile à mettre en place avec les variables.. Le problème est que je veux pouvoir faire faire des séries de 3 à mes clients pour un prix cassé ! Comment peut on choisir les différents visuels et les comptabiliser pour appliquer le prix choc ? Merci de votre aide !

      1. Merci de la rapidité de la réponse !!! 🙂 ! Non, ce n’est pas une promo, en fait j’ai 1 produit « poster » avec 5 variantes possibles puisque 5 visuels différent à 5 euros chacun. Si mon client prend 1 exemplaire du soleil couchant + la montagne, il paye 10 euros. Si par contre il prends le soleil couchant + la montagne + la mer, il paye 13 euros !
        Sachant qu’il faut que je récupère le visuel (ou plutôt l’identifiant) pour savoir quel visuel le client à choisi….
        C’est possible avec un plugin ou quelque chose comme ça ?

        1. ET juste le nom du produit cela ne va pas ?
          Comme ça je ne sais pas en matière de plugin.
          Je pense que cela est plus simple à gérer sur du Prestashop mais Woocommerce je n’ai pas d’idées comme ça

          1. Si je récupère le nom du produit aussi ça marche ! C’est juste de faire comprendre à woocommerce que si le client prends 2 posters il paye 10 euros, si il en prends 3 il paye 13 euros et non 15 euros !
            J’ai l’impression que ça va pas être possible cette histoire 🙁

  63. Bonjour,
    J’ai mis en place des fiches produits avec plusieurs variations. Mon souci est le suivant :
    lorsque je sélectionne un élément dans la liste déroulante de la première variation, j’ai le choix de tous les éléments de la seconde variation (et donc des combinaisons impossibles pas paramétrés dans le backoffice). Je ne devrais avoir le choix dans la liste déroulante que des éléments paramétrés ?
    Je ne vois pas où est le problème ?
    Merci

    1. Bonjour,

      Vous pouvez le faire il faut lier les attributs entre eux au moment de la création des variations en cliquant sur la liste déroulante « créer des variations pour tous les attributs ».
      Ensuite à vous de mettre les bonnes quantités, prix, infos…

  64. Bonjour Matthieu,
    Merci pour la réponse.
    Le problème si je choisis « créer des variations pour tous les attributs », cela me génère des combinaisons dont je n’ai pas forcément besoin.
    Justement en faisant de la sorte et en supprimant les variations non désirées, celles-ci me sont tout de même proposées en front-end.

      1. Bonjour,
        J’ai trouvé d’où vient le problème. Les sélections en ajax ne fonctionnent plus après 30 variations. Une idée pour corriger cela ? Merci

  65. oui je sais c’est un véritable problème. Le cache a été vidé. Et toujours toutes les combinaisons possibles qui ne sont pourtant pas paramétrés. Je constate que je n’ai pas ce souci avec tous les produits qui n’ont pas certains attributs ?

  66. Bonjour, j’ai cherché partout sur le net en vain, j’ai un soucis quant au produits a valeurs variables, je m’explique, j’ai pu suivre votre tuto à la lettre, mais je suis confronté à un autre problème, sur la page de l’article est affiché plusieurs prix complètement illisible, comment le supprimer? 
    Cordialement

  67. Bonjour, Je suis entrain de travailler sur ma boutique, je souhaiterai masquer le nombre de quantités disponibles, mais ne trouve aucun onglet qui ne me le permette: cela est il possble et si oui comment?

    Merci d’avance.

  68. Bonjour Mr JALABERT,

    je cherche désespérément à vendre un article (un t-shirt) au même prix à un client Australien (ou autre client pour lequel la vente serait NON soumise à la TVA) et à un client Français (vente soumise à TVA). Sur mon site, j’affiche les prix TTC. Le client non soumis à TVA voit le prix TTC (à priori contenant 20% de TVA, j’ai activé une géolocalisation qui fait peut-être que ce soit le prix HT qui s’affiche pour lui mais je n’ai pas le moyen de le vérifier et je ne souhaite pas qu’il paye mon produit moins cher ^^) jusqu’à ce qu’il renseigne son adresse de livraison où il découvre le prix HT (une bonne remise de 20%) avec la mention « inclut 0% TVA » (il y a une faute au passage dans l’orthographe) . Je souhaiterai que le prix reste le même que pour le client soumis à TVA mais au lieu de la mention « inclus 20% TVA » qu’il y ait effectivement « inclus 0% TVA ». (je ne sais pas si je suis très clair dans mes explications ^^

  69. Bonjour Matthieu, j’ai un souci avec mon site, j’essais de créer un produit variable selon vos instructions et en fait arrivé le n’ai pas le meme onglet variation que vous…je n’ai pas la mention « lier toutes les variations »
    pouvez vous m’aider svp? ce serait super si vous arriviez a me depanner….
    Je vous remercie
    cdt
    Sophie

    1. Bonjour,

      Vous avez peut-être la dernière version de Woocommerce, certaines choses changent mais le principe est le même.
      Il n’y a pas un bouton similaire ?

  70. Bonjour, merci beaucoup pour ce tutoriel très bien fait!
    J’ai une question: en fait dans mon attribut variable Taille par exemple j’ai mis S M et L (les attributs sont en « choix »), mais l’ordre s’affiche automatiquement par ordre alphabétique… donc L M et S., Comment faire pour appliquer un ordre personnalisé? 
    J’ai le même problème pour les couleurs..
    J’ai mis partout mes variations dans le bon ordre, mais il semblerait que ce soit l’ordre dans l’attribut qui prédomine.
    Mille mercis d’avance pour votre aide 🙂

    1. Alors là, bonne question 😉
      Peut-être possible en faisant une condition PHP pour afficher les attributs en fonction de leur ID

  71. Bonjour Matthieu.

    J’ai un soucis avec les frais de livraison de mon site (wordpress). J’aimerais savoir s’il est possible de créer une option de livraison « Sur devis » pour certains pays.
    J’ai beau chercher je ne vois pas plugin, peut-être auriez-vous une idée ?
    Merci à vous et bravo pour votre travail

    1. Tout est possible, mais je pense qu’un plugin ne peut pas faire cela.
      Joué avec les champs personnalisés où sinon il faut faire un développement particulier sur votre WordPress.

  72. Bonjour,
    hier, j’ai voulu ajouter une nouvelle fonction de livraison et je me suis rendu compte que je ne pouvais ajouter aucun produit et aucune grandeur dans mon panier. Les variations avait pourtant toute été entré et le site fonctionnait très bien. Qu’est-ce qui peut rentré en conflit avec les variations? Elles ont toutes disparu et quand j’essaie de les remettres j’ai quand même le message désolé le produit n’est pas disponble.
    Merci

  73. Bonjour et merci pour ce tuto !!!

    J’ai créé une boutique pour des places de concerts numérotées. J’ai donc créé des produits « rangées » (A, B, …) puis des attributs numéro de place (1,2…).

    Chaque place est unique forcément et j’aurais souhaité que lorsqu’une place n’est plus disponible elle apparaisse grisée et non cliquable dans le menu déroulant des attributs, est possible ?
    Merci d’avance pour ton aide.

    1. Bonjour,

      Le message en rupture de stock ne va pas ?
      Le select est généré automatiquement par votre navigateur vous ne pouvez pas le griser.
      Le mieux est de mettre une variable en PHP pour indiquer si le stock est à 0, le bouton ajouter au panier devient gris (inactif).

      1. En fait j’aurais souhaité qu’en un coup d’oeil les gens puissent voir quelles sont les places qui restent disponibles, sans avoir à sélectionner une place et s’apercevoir qu’elle est en rupture de stock, puis en resélectionner une autre et voir qu’elle est également en rupture etc …
        Il n’existe pas d’extension dans ce sens ?

        1. Si la modification doit être faite sur la page catégorie de Woocommerce et non sur la fiche produit, à mon avis il y a pas de module.
          Sinon le mieux est de mettre des filtres de recherche en fonction des variations

  74. Bonjour Matthieu,
    merci pour ce tuto bien fait, que j’ai suivi.
    J’ai un site wordpress/woocommerce avec des produits (sweats) variables, avec comme attributs la taille, le modèle etc… j’ai complété le prix et mis une photo pour chaque variation + 1 « photo produit » générale. Mon souci : la photo générale ne se met pas à jour quand on sélectionne les différentes variations au choix… je ne comprend pas pourquoi, ai-je besoin d’un plugin particulier ? ai-je oublié de sélectionner une option ou compléter un champ complémentaire ? merci pour ton aide !

      1. C’est bien ce que j’ai essayé de faire mais même cette solution ne marche pas. Puis-je vous envoyer le lien du site par email pour que vous jetiez un oeil ? Merci beaucoup.

          1. Ah ah oui bien sûr je comprends 🙂 Je regarde un peu et reviens vers vous si besoin ! 🙂 merci bonne journée !

  75. Bonjour,

    Voila mon probleme,
    Apres une mise a jour, le bouton ajouter au panier a disparu sur tous mes produits variable.
    Pouvez vous m’aider?

    Cordialement

    1. Je vous conseille de faire un back-up de vos fichiers auprès de votre hébergement.
      Il ne faut pas faire les mises à jour sans faire de tests sur serveur de développement (ce que je recommande).
      En faisant une misé à jour il peut y avoir des modules / thèmes non compatibles entre eux.

  76. Bonjour. Merci pour ce super tuto !
    Pour aller un peu plus loins :

    est-il possible d’afficher un champ de texte libre seulement au choix d’un attribut bien précis ? Merci par avance; )

  77. Bonjour, article très intéressant, merci pour ces explications très utiles.
    A tout hasard, est-il possible d’ajouter par exemple une taille à tous les produits de la boutique, mais en un seul clic,en fait, y’a t-il un espace où l’on pourrait rentrer une nouvelle taille et hop ! en un clic, tous les articles du site serait à jour avec cette nouvelle taille, je demande car j’ai beaucoup de produits sur mon shop et de les faire un par un c’est vraiment une perte de temps…. j’ai déjà beaucoup de travail.
    Merci à vous d’avoir pris le temps de me lire 😉

    1. Merci de lire les commentaires des autres intervenant.
      Il faut pour cela réaliser des imports CSV sur votre WordPress.

      Je vous laisse chercher dans les autres messages

  78. Bonjour, super article (comme vérifié par tant de personnes!). J’ai un problème : quand je créé les variations, j’ai ensuite un problème en front office avec le message d’erreur suivant :

    « Désolé, ce produit n’est pas disponible. Veuillez choisir une combinaison différente. »

    J’ai remarqué que cela se produit pour les variations dont je n’ai pas spécifié le champ « tarif régulier ».

    Dans la mesure ou mes variations ont toutes le meme prix, c’est assez fastidieux de renseigner le même prix à chaque fois. Y a t il une astuce ?

    Merci

    1. Bonjour,

      Merci pour ce commentaire !
      Le plus simple alors est de créer un fichier CSV et faire des imports sur votre site (cela est bien plus rapide je vous l’assure).
      J’ai déjà expliqué cela dans des réponses de commentaires, je vous laisse chercher 🙂

  79. Bonjour Mathieu,
    désolé de vous déranger… Mais nous bloquons depuis quelques jours sur un problème :
    Nous souhaitons afficher des délais de livraisons différents pour des variations… Mais impossible de trouver comment faire !
    Nous avons essayer d’afficher les classes de livraisons sur la page produit mais nous n’y arrivons pas. Et nous avons même penser à créer des étiquettes (tags) mais elles sont propre à un produit et non une variation. Le seul moyen que nous avons trouvé c’est de le rentrer dans la description. Mais le problème est qu’il ne peut pas être changé dynamiquement. Nous devrons refaire les 500 produits si nous voulons changer nos délais ! Si vous avez une idée, nous sommes preneur !!! Bonne journée !

    1. Bonjour,

      vous ne pouvez pas gérer cela avec le poids du produit ? selon le poids du produit et de sa variation, cela impacte le prix de la livraison

  80. bonjours je souhaiterais afficher un prix en fonction de mes attributs mais la fonction n’affiche qu’un seul des prix et je n’ai plus d’idée auriez vous une idée

  81. Bonjour,

    je voudrais donner la possibilité pour une variable d’avoir une option (avec cout supplémentaire). Je n’arrive pas a ce que cette option s’applique juste sur une variable, comment faire? … Merci

  82. Bonjour Matthieu,

    merci pour ce tutos que j’ai utilisé des le début de la création de mon site. Cependant je ne sais pas si je suis la seule ou si cela est un beug général mais impossible d’ajouter des variations depuis quelques jours… La page charge au moment ou je clique sur « Attribut » puis « Ajouter » j’ai laissé la page ouverte plusieurs heures et cela continue de charger… A quoi cela peut-il être du?

    Merci à vous. Justine

  83. Merci pour ce tuto pratique et bien illustré !
    Et en réponse à Mathieu, oui, on peut régler les frais de livraison en jouant sur les tranches de poids ou de tarifs, au choix.

  84. Bonjour,

    j’ai toute une liste de produits simples sur mon wordpress que je voudrais changer en produits variables (plus de 500 articles). Est-il possible de tous les changer à la fois ?

    Est-il aussi possible de donner des attributs à toute une catégorie de produits ?
    Merci d’avance !

    1. Bonjour,

      Vous pouvez faire cela avec un fichier CSV et des imports.
      Je vous invite à regarder des commentaires du même type sur le blog.

  85. Bonjour et merci pour ce tuto!!
    Je suis débutante dans la création de site. 
    Je souhaite proposer à l’achat un produit customisable : un tarif pour une base imposée (avec une choix entre certains ingrédients) puis 1€ supplémentaire à l’ajout d’ingrédients supplémentaires. Mais comment faire?
    D’avance merci infiniment

  86. Bonjour,
    merci pour le tuto, mais arrivé à l’étape ou il faut cliquer la coche « Lier toutes les variations  » il ne se passe rien

  87. j’ai fait un paramètrage pour un produit variable en contenance (250ml, 500ml, 1L et 5L), la fourchette de prix s’affiche bien mais quand on choisi une contenance dans le menu déroulant, le prix est à 0
    pourquoi ?

  88. Bonjour,

    Merci pour ce chouette tuto. Petite question :
    Je vends un même article avec 3 déclinations différentes :

    – livre papier (produit physique)
    – ebook identique au livre en extension .epub en téléchargement
    – ebook idem en extensions .mobi en téléchargement

    Est-il possible de ne créer qu’un seul article avec au choix les trois déclinaisons dont les deux fichiers téléchargeables .epub et .mobi qui seront au choix pour le client ? Les fdp ne s’appliquant que sur le livre papier bien évidemment.

    Sinon si l’on ne peut pas mélanger produit physique et produit immatériel, peut-on créer un seul produit immatériel avec les 2 fichiers au choix du client ? (j’ai trouvé que l’on peut mettre plusieurs fichiers en téléchargement mais là on doit pouvoir faire un choix entre l’un ou l’autre en fonction du type de liseuse que l’on possède).

    Par avance merci !

    1. Merci pour votre message.

      Comme ça je ne sais pas du tout, j’ai jamais eu le cas.
      Il faudrait creuser cela.
      Cependant tout est faisable, « au pire » avec un développement sur-mesure cela est réalisable.

  89. Salut !
    Je suis tombé sur se tuto 2h trop tard :S.
    Pensez-vous qu’il est possible de paramétrer l’envoi d’une pièce jointe avec la facture (pj –> Bon à offrir pour une prestation) si une case de variance est sélectionnée (en l’occurrence Bon à offrir) ?
    Ou va falloir le faire à la mimine ? PS: niveau plugin gratuit je n’ai rien trouvé ><".

  90. Bonjour,
    J’ai un produit variable avec une image par option, sur la fiche de ce produit dans la boutique lorsque je choisis une option la photo de cette option ne s’affiche pas dans la galerie alors que je lis partout que c’est ce que woocommerce de base. Auriez-vous une piste pour résoudre ce problème ?
    Je vous remercie

    1. Bonjour,
      Il doit y avoir une erreur sur votre site mais comme ça je ne peux pas savoir.
      Il faut afficher l’éditeur de votre navigateur et regarder s’il y a des erreurs.
      Je pense que c’est dû au js de votre thème.
      Suivez cela dans un autre commentaire sur cet article 😉

      1. Bonjour,
        C’est effectivement un problème de thème. Je crois que le souci vient du fichier : savoy/js/plugins/selectod.custom.min. Mais je n’arrive même pas à l’ouvrir.
        Avez-vous une idée ? Merci,

  91. Bonjour Matthieu. Après la sélection des variables,

    J’aimerai afficher une prévisualisation du prix total en fonction de la quantité choisi avant d’aller sur la page panier. un moyen ou un plugin pour faire cela svp?

  92. Bonjour, merci pour l’explication. J’ai bien l’affichage de mes attributs en mode boutique. seulement j’utilise mon WP en mode catalogue. Donc le bouton « ajouter au panier » n’est pas affiché (un petit plugin fait ca, et les options de mon thème aussi propose de passer en mode catalogue). Seulement en mode catalogue je n’ai plus l’affichage de la table class « variation ». Donc aucun affichage de ces variations. Est-il possible de garder l’affichage en mode catalogue ?

    Merci d’avance

    1. Il faut faire une intervention directement dans le code. Je vois pas comment faire avec un plugin.
      Même pour enlever le bouton ajouter au panier, avec 1 ligne CSS c’est fait, pas la peine d’alourdir le site avec un plugin supplémentaire.

  93. Bonjour Matthieu,
    j’ai ajouté les variables ( taille et couleur ) sur mes produits mais le message « Désolé, ce produit n’est pas disponible. Veuillez choisir une combinaison différente. » s’affiche a chaque fois. J’ai bien du stock sur mes produits.
    J’ai vu plusieurs fois ce problème dans les commentaires mais je n’ai pas vu de solution. Peut-être pourrais-tu m’éclairer sur le sujet ? Merci

      1. Bonjour Matthieu, je vous remercie de votre réponse. J’ai été inspecter ma page et il n’y a pas l’air d’y avoir de problème avec le javascript. J’ai écumé les forums mais je n’arrive pas à résoudre mon problème.
        Auriez-vous une idée pour résoudre ce problème ?
        Merci =)

  94. Bonjour, 
    Je développe actuellement une e-boutique et je coince sur la création d’un minimum de commande  sur certains produits variables. Je m’explique :
    Je vends des produits d’aménagement extérieur.
    Certains produits (comme les graviers par exemple) ont plusieurs variables. (sac de 25kg / big bag de 1m3 / big bag de 0,5m3). Pour certaines variables de ce produit (en l’occurence les sacs de 25kg) j’ai besoin de créer un minimum de commande avec une qté minimum égale à 5. 
    Pour cela, j’ai créé un « hook ». Seulement, pour que cela fonctionne j’ai besoin de l’ID du produit et plus particulièrement de cette variable.  Ou puis-je trouver cette information ?
    Merci beaucoup, 
    Paul

  95. Bonjour, merci pour toutes ces précieuses infos ! Cependant je n’ai pas encore trouvé mon bonheur ! J’ai mon woocommerce qui permet à mes clients d’ajouter des produits sans même avoir choisi la taille ou même la couleur… le bouton « ajouter au panier » est dispo dès lors que l’on ouvre la page produit et on peut l’ajouter sans choisir une variable nécessaire au bon fonctionnement
    !!! un détail: je sélectionne une taille et la déselectionne et le bouton disparaît alors !!!! auriez-vous une piste ? un début de réflexion ? la solution !!!!!! d’avance merci

    1. Je pense qu’il y a une variable javascript qui déclenche le fait de cacher le bouton.

      Dans sa logique pour Woocommerce si aucun attribut est choisi il y a pas de choix possible.
      De base il doit être caché le bouton quand on arrive sur la page.
      du coup le système natif cache le bouton si on désélectionne les variations.

      Il y a possibilité de laissé toujours présent le bouton ajouter au panier mais il faut intervenir en CSS / JS

  96. Bonjour,
    J’ai créé un code promo pour certains articles mais avec 2 réductions différentes. On voudrait le même nom pour le code promo mais si on note le même nom, ça supprime une des 2 promo. Y a-t-il moyen de garder le même nom ? Merci d’avance.

    1. Merci pour le commentaire.
      Là c’est complètement de la logique 🙂
      On ne peut pas identifier 2 codes promos avec le même nom.
      L’idéal est de faire 1 code regroupant les 2 montants de votre promo.
      Pour Woocommerce, 1 nom = 1 code promo, c’est ce qui lui permet de reconnaitre la valeur de ce code.

      1. Merci pour votre réponse… Du coup j’ai une autre question 😉 : comment fait-on pour regrouper 2 montants sur le même code promo ? J’ai beau regarder ça ne me le propose pas. Si vous avez une solution ça serait top !

          1. Non pas forcément en additionnant (je ne suis peut-être pas très claire). En fait il y a plusieurs hamacs en promo à -5€ & des chaises hamacs à -10€. On aurait aimé le même code promo pour les 2 : + simple pour les clients & pour la pub. Tant pis, on a fait autrement pour cette fois-ci. Mais si jamais vous avez la solution pour les prochaines fois, je suis preneuse 😉 Merci en tout cas d’avoir pris le temps de répondre.

  97. bonjour, je test actuellement woocommerce 3.6.2
    , j ai tenté de faire une variation de produit avec 3 contenance 15 30 50 ml cependant j ai pas comme vous sur le tuto pour modifier chaque prix ,je pense que c est la version qui differe mais du coup je n arrive à mettre les 3 prix differents, pouriez vous m aider , merci d avance

    1. Une fois que vous avez généré vos variations sur woocommerce 3.6.2, il suffit d’aller dans variations sur votre fiche produit.
      Vous déroulez la variation que vous voulez modifier et il y a un onglet tarif.
      Vous pouvez mettre le prix que vous voulez.

      1. quand je déroule sur une des variations j ai des boutons radio comme activé ..téléchargeable ..etc.. en dessous j ai tarif régulier mais il est impossible de le modifier , tout comme le poids et les dimensions par exemples, j ai rentré le tarif par le menu déroulant ajouter variation ou il y a plus bas mettre en place les tarifs réguliers seulement ca ouvre un popup entré une valeur et c est tout, alors je pige pas trop comment en mettre plusieurs ?

  98. Bonjour, merci pour ce tuto super clair!
    Je cherche à associer un produit à plusieurs variables à un système de réservation.  Ex : Client 1 veut louer produit 1 du 1er Janv au 2 Janv . Variable 1 taille S/M/L – Variable 2 Pointure 38/38/40. J’ai essayé booking and rental mais pas de possibilité de réserver sur une meme période.
     J’ai essayé woobooking mais le produit devient soit variable soit réservable. Des idées pour associer les 2? Je prends tous vos bons conseils…
    Bonne journée

  99. Bonjour et merci pour ce super tuto.

    Je suis nouveau avec woocommerce et un truc bête ne fonctionne pas (ou alors s’agit-il d’un plugin à installer).
    J’ai bien mes attributs, généré mes variations. J’ai bien sélectionné une photo par produit de couleur différente, mais malheureusement quand je sélectionne la couleur dans le menu déroulant (beige clair, beige halé beige naturel) l’image ne change pas (http://lessublimatrices.com/produit/bb-creme-2/) Avez vous une piste ?

      1. alors en fait, il fallait que lorsque je sélectionne dans la fenêtre « Galerie produit » les différentes photos des coloris, je devais préciser dans le champ Variation la teinte approprié.
        Par contre je ne sais pas si ce champ est apparu après avoir installer le plugin que vous m’avez proposé.
        En tout cas merci beaucoup

  100. Bonjour

    suite à une mise a jours de woocommerce les variations n’apparaissent plus à la place j ai le message

    Ce produit est actuellement en rupture et indisponible.

    Version de Worpress :4.9.4 version de woocommerce 3.3.0.
    Merci

    1. Vous avez toujours du stock sur vos produits ?

      Avez-vous mis à jour votre thème aussi ou pas ?
      Il faut regarder si vous n’avez pas d’erreur javascript dans le debug de votre navigateur.

  101. Bonjour,

    nous utilisons woocommerce dans une asso pour les paiements de soirées.
    Nous utilisons les variations pour les menus, et commander entrées plats desserts, et autre. Nous nou sretrouvons donc avec un produit à 1000 variations, qui ont toutes le même prix. Comment rentrer un prix unique pour toutes les variations ? Sans rentrer 1000 fois le prix.

    1. Le mieux pour vous est de faire des imports CSV.
      Dans un fichier vous modifiez le prix ensuite vous l’importez sur votre site et voilà

  102. Bonjour,

    Merci pour ce tuto concis et clair.

    Je rencontre un problème auquel je ne trouve pas de solution. peut être pourrez vous m’aider?En suivant ce lien : h ttps://adeoscreen.fr/produit/basic/#
    vous tomberez sur un produit avec 4 variables qui sont toutes renseignées. Néanmoins le prix ne s’affiche pas selon la variable et c’est bien embêtant ! auriez vous une idée de la source de ce problème? Ce n’est pas le thème (avada) car ce problème est rescent, ce n’est pas non plus les extensions puisque je les ai désactiver une à une…

    merci et bonne journée,

  103. Bonsoir, merci du beau travaille accompli, moi j’ai un petit problème, j’ai crée des sous catégorie sur une seul catégorie ex: Chauffage (catégorie principal) – radiateurs (sous catégorie)-radiateurs acier (sous sous catégorie de radiateurs) le soucis, je crée des attributs pour mes radiateurs (couleur-hauteurs, ect,,) mais tout les filtres s’affiche sur la catégorie chauffage, moi je voudrais juste afficher les attribut dans la catégories radiateurs, sinon je vais en avoir des attributs sur la section chauffage, j’ai regardé dans la cree d’articles je le possitionne bien sur radiateurs et radiateurs acier, mais le produits s’affiche sur la page chauffage, merci de ton aide un peux long,

    1. C’est normal, le système natif de Woocommerce va reprendre dans la catégorie mère tous les attributs disponibles dans les produits associés.
      Il faut soit créer des conditions en PHP pour ne pas tout afficher ou bien ajouter un plugin de recherche qui va permettre de choisir les filtres à mettre dans chaque catégorie.

  104. Bonsoir Matthieu et vos explications sont simples.
    J’ai un soucis et je trouve pas la solution
    Je m’explique.
    Je vends des boites de macarons
    exemple 8 macarons a 12 euros
    et mes clients peuvent choisir leur parfums.
    exemple chocolat, fraise, Vanille, praliné , amande , noix de coco , café.
    et mon soucis est que le prix doit resté fixe et le client doit choisir 8 parfums dans les 30 choix possible et une fois qu’il a ajouter ce qu’il veut il ne peux plus sélectionnez.
    J’espère avoir été clair

    1. Si vous voulez utilisez le système natif de Woocommerce il vous faut faire 8 variations sur chaque produit (8 listes déroulantes).
      Sinon il faut regarder pour un plugin de personnalisation pour avoir plutôt des boutons radio, c’est plus ergonomique pour l’expérience utilisateur.

  105. Bonjour,
    J’ai un souci et je me demande s’il pourrait être réglé par ces « produits variables » dans woo commerce. Je veux proposer des histoires numériques personnalisées, donc qui changent à chaque commande. Quand les personnes ont rempli le formulaire de personnalisation et validé leur commande, comment faire pour que l’histoire que j’ai alors modifiée puisse être téléchargée par le client ? J’ai essayé de créer un nouveau produit et de relancer la commande en statut « terminé » mais il ne joint jamais le lien de téléchargement, sûrement parce qu’il s’agit de 2 produits différents ? merci

  106. Bonjour, 
    J’avais un site de location que je souhaite passer en vente en ligne . Quand je crée ma variation aucun prix ni sélection n’apparait est-ce que c’est du a booking system pro ?  ou il y a autre chose ? 
    Merci pour votre aide 

  107. Bonjour,

    Je vous remercie pour ce tuto … en revanche j’ai quelques questions :

    J’ai commencé à créer mon e-shop d’articles pour enfants , j’ai quelques 450 références à rentrer dont 70% sont des produits variables alors je préfère passer plus de temps sur l’ajout des articles … pour bien le faire dès le début et ne pas avoir à revenir dessus!

    Alors voilà, je rencontre un problème avec l’ajout de produits variables, prenons par exemple un hochet décliné en 2 couleurs : rose et bleu :

    Je crée un article /produit variable avec comme titre : Hochet – bleu et j’ajoute donc les 2 variations : bleu et rose.

    Et je crée un autre article /produit variable avec comme titre : Hochet – rose et j’ajoute donc les 2 variations : bleu et rose.

    J’ai plusieurs soucis :

    1- Lorsque le client clique sur la page “Hochet-bleu” et qu’il choisit la couleur rose : la photo du hochet rose apparaît bien, mais le titre reste inchangé … logique vous me direz puisque le titre est celui de la page parent sur laquelle il a cliqué donc “Hochet-bleu”. Je pourrais très bien mettre “Hochet” sans mettre la couleur mais ce n’est pas ce que je souhaite, je veux que le client visualise les 2 fiches produits sur la même page, donc 2 fiches parents …. Est-ce possible? Avoir les 2 produits visibles sous ma catégorie , en l’occurrence lorsque le client clique sur la catégorie jouets d’éveil il verra automatiquement les 2 fiches produits intitulés : Hochet rose et Hochet bleu.C’est très important je ne peux pas juste avoir une fiche produit avec les 2 variations.

    Et je souhaite que le client puisse changer la couleur lorsqu’il est sur la fiche produit. Et non qu’il revienne en arrière pour prendre l’autre coloris…

    Mon exemple est différent d’une boutique de vêtements dont la variation par taille s m l xl n’a pas besoin d’avoir 4 fiches produit pour le même article… En revanche lorsqu’une maman cherche un hochet, il est important qu’elle visualise sur une page tous les produits et les couleurs possibles…

    2- Pour créer ma 2ème fiche je fais une duplication, et là j’ai un souci avec les UGS : le système n’accepte pas que je crée 2 fiches pour le même produit… comment gérer ce problème?

    3- Ensuite concernant le stock, je veux bien gérer mon stock et donc rentrer les quantités, mais je veux garder l’info pour moi ! le client (et les concurrents..) n’ont pas à savoir combien d’articles il me reste en stock. Savez-vous comment faire?

    Merci pour votre aide et désolée pour le pavé !!

    Charlotte

  108. Bonjour

    j’ai un problème avec Fancy Design Product

    Toute fonction saut quand je personnalise un produit il ne s’affiche pas dans le panier seulement ceux avec Fancy Design Product qui ne fonctionne pas.

    Merci

    Merci

    1. Bonjour,

      Je ne connais pas votre plugin. Pour le coup je n’ai pas de réponse à vous apporter.
      Il faudrait intervenir sur votre site pour identifier les problèmes.

  109. Bonjour très bon tuto, merci à vous !!! j’ai une question quand je mets des variations. Mais bouton ajout au panier se transforme en bouton « choix des options » dans les catalogue. Comment faire pour remettre ajouter au panier ou même voir la fiche produit ?

    merci à vous,

    1. Il faut modifier la traduction.
      Directement dans le fichier de traduction PO ou en utilisant un plugin qui va permettre de traduire les textes de votre site.

  110. bonjour,

    Je suis débutante avec WordPress et WooCommerce, sur mon site je souhaite proposer un produit avec
    un prix vente à l’unité
    un prix vente en lot de 20
    (et dans un futur proche par 60)
    Donc 3 prix pour un même produits par contre je voudrais que ce soit gérer en un seul stock
    Comment faire pour mettre en place un seul stock svp?
    Lorsque je regarde j’ai 3 variations et 3 stocks différents la ou il m’en faudrait qu’un :/
    Merci à vous

      1. Merci beaucoup, je l’ai acheté mais wordpress ne veut pas le prendre. En tout cas dans la description il correspond à mes attentes
        merci

        1. Il faut vérifier les versions entre le module et WordPress.
          Sinon contactez le support du module vu que vous venez d’acquérir le plugin WordPress il y aura une assistance.

  111. Hello MAtthieu,

    Moi j’ai un aussi, même très gros puisque j’ai 3 produits qui ont chacun entre 6000 et 9000 variations.
    Y a t-il une solution pour ne pas avoir à mettre manuellement le prix de chaque variation possible? Sinon dans 1 an je suis toujours assis à la même place…

    Merci beaucoup de ta réponse ! Et merci pour cet article !

  112. Bonjour Matthieu,

    Vos réponses sont super pour le néophyte que je suis et je vous remercie vivement pour ce que vous faites. Je me heurte à un problème de taille… En effet, la boutique woocommerce que j’essaie de mettre en place doit permettre au client d’indiquer une taille (largeur x hauteur) ainsi que quelques autres attributs – mon seul hic est que les tailles vont de 20cm à 250cm par incrément de 1 cm et donc le nombre de variations est très important… : dans l’idéal, il faudrait que le client puisse disposer d’un champ texte pour indiquer les dimensions souhaitées.

    De plus, je souhaite faire en sorte que le prix en fonction de la taille (une sorte de matrice) – je me demande si c’est réalisable avec Woocommerce.

    Qu’en pensez vous? est-ce un « classique » ? je n’ai pas trouvé de réponse ailleurs

    Merci…
    -Robin

  113. Bonjour,

    J’ai un soucis un peu differents par rapport au attribut, en faites je fais de la vente a la journée avec un prix dégréssif unique et non au pourcentage, j’ai tenter de mettre le nombre de jours mais cela ne fonctionne pas

    Auriez-vous une piste autre qu’acheter un plugin ?
    merci 🙂

  114. Bonjour,
    je suis en train de créer un bundle product qui contient des variables product. Tout est ok sauf que je ne peux choisir qu’une seule variation par variable product. Je n’ai pas de le bouton « ajouter » sous chaque produit variable comme dans ma fiche produits variable

    1. Comme ça c’est plutôt particulier, il faudrait que je réalise un article blog à part 😉
      Vérifiez si dans Woocommerce vous avez bien du stock sur vos produits, que les champs prix sont bien remplis aussi

  115. Bonjour Matthieu, 

    Merci beaucoup pour tous ces Tutos qui m’ont bien servi pour refaire mon’ site sous WP. 
    Par contr, j’ai encore un problème avec mon eshop sous woocommerce. 

    Je suis photographe et je vends des photos d’Armand plusieurs’ formatés été sur différents supports. 
    J’ai pu créer des variations sans’ probleme sur mes’ produits par contrée, j’ai deux questîons : 

    1- est ce que la première variation peut avoir une incidence sur’ la deuxième? Je m’explique mes photos’ sur support papier et plexiglas sont aux mêmes dimensions, mais pas sur toile. Si bien que si les clients choisissent un type de support dans la première variabl- ils’ ont la possibilité d’avoir toutes les dimensions et pas seulement celle du support choisi. 

    2- est ce qu’une fois que le client a choisi ses deux variables, on peut afficher le prix exact du choix san être obligé d’ajouter le produit au panier pour connaître le prix exacte. 

    Merci beaucoup pour vos conseils. J’espere Avoir’ ete assez clair dans mes explications. 

    1. Bonjour,

      Normalement dans Woocommerce les variations sont liées entre elle. Au final par exemple un t-shirt rouge en taille L comporte deux variations, ce qui influe dessus vont être le prix / quantité.
      Une fois le choix effectué le prix doit être affiché logiquement. Si ce n’est pas le cas il peut y avoir un problème de paramétrage, Javascript ou autre chose.

  116. Bonjour Matthieu,
    Merci beaucoup pour tous tes tutos indispensables que tu partages sur ton blog.

    J’ai vu que tu avais traité du sujet des produits variables sur WooCommerce.
    Je gère un site de vente pour un ami, et je cherche un plugin (ou une solution) me permettant d’afficher deux produits (avec photos et descriptifs) en même temps avec des variations pour chaque produit sur une seule « page product ».

    Mon ami commercialise des rames, il les vends par paire. Du coup il donne à l’acheteur le choix de la couleur de la première rame et de la deuxième; Mais il voudrait afficher les deux rames dans la bonne couleur en même temps.

    Je souhaiterai trouver un moyen plus simple que de passer par les variations car il faut générer 80 photos différentes pour couvrir toutes les combinaisons.

    J’espère avoir été clair, merci encore pour tes conseils,

    1. Bonjour,

      Je n’ai pas compris ce que vous vouliez faire pour votre 1er point, je pense en tout cas que ça doit être du développement spécifique.

      Pour le deuxième point j’ai répondu à plusieurs commentaires concernant de l’import CSV en masse dans WordPress. C’est la seule solution, je vous laisse regarder les commentaires.

      Bonne journée

  117. bonjour , comment je peux d’afficher les tarifs de promotion et le mettre en place tarif réguliérs et ecraser le trif régulérs a chaque produit sur produit variable.

      1. bonjour , alors j’ai une page qui affiche les produits en promotion si j’ai un seule variant je peut mettre le tarif promo comme un tarif régulaire danc il ecrase le tarif réguliere et à ca coté affiche le tarif promo ms quand j’ai plusieurs variants il affiche seulement le tarif de promotion . je parle au niveau d’affichage

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *