Notes du web – Les bonnes pratiques de la création web

Après plusieurs demandes de personnes utilisant Magento pour créer un produit configurable, j’ai décidé de mettre un tuto sur le blog. Ajouter un produit configurable avec Magento est un peu plus complexe que d’ajouter un produit simple mais une fois qu’on a compris le mécanisme le produit configurable devient vite incontournable et très facile à mettre en place.

1. Qu’est-ce qu’un produit configurable ?

Un produit configurable est un produit qui peut être disponible dans plusieurs coloris, qui peut avoir plusieurs tailles, plusieurs matières, … C’est donc un produit que le client pourra configurer pour que ce produit réponde au mieux à ce qu’il cherche.
Voici un exemple de produit configurable :

Le produit configurable d’un point de vue client est présenté comme une seule et unique fiche produit sur laquelle on va pouvoir choisir une ou plusieurs options, pourtant du côté administrateur chaque option représente un produit unique.
Par exemple pour ce produit il y a un produit configurable qui est “Nappe Montebello imputrescible à usage intérieur et extérieur”, ce produit configurable est associé à 5 produits simples qui ont chacun une référence unique et un stock unique :
_ Nappe 100*100
_ Nappe 135*170
_ Nappe 140*140
_ Nappe 140*200
_ Nappe 140*250

2. Création d’un attribut configurable

Un produit configurable ne peut pas être créé si vous n’avez pas d’abord créé un ou plusieurs attributs configurables. Mais qu’est-ce qu’un attribut configurable ?

Dans le back office Magento vous pouvez créer des attributs simples tels que le délai de livraison, la matière, …
Un attribut configurable est l’attribut qui sera configurable par le client sur la fiche produit, donc dans l’exemple précédent l’attribut configurable est la taille.
Il faut donc créer l’attribut configurable “Taille”, pour cela rendez-vous dans l’onglet “Catalog >> Attributs >> Gérer les attributs” puis cliquez sur “Nouvel attribut“, vous allez pouvoir créer votre attribut.

Comme vous pouvez le constater plusieurs champs sont à saisir :

• Code attribut : ce champ permet d’identifier votre attribut, ce code doit être unique. Ici nous avons mis “taille_linge_maison” pour repérer facilement l’attribut.
• Portée : Comme son nom l’indique ce champ définit la portée de l’attribut, laissez Global pour que l’attribut soit visible partout.
• Type d’entrée catalogue pour le propriétaire du magasin : Ici la liste déroulante est obligatoire car vous êtes en train de créer un attribut configurable et seule une liste déroulante permet à un attribut d’être configurable.
• Valeur unique : Rentrez non car si c’est une liste déroulante la valeur ne sera pas unique
• Obligatoire : A vous de voir si vous voulez rendre ce champ obligatoire (Selon vos besoins)
• Validation des données saisies : Aucun car c’est une liste déroulante, on ne saisie pas de données
• S’applique à : Vous pouvez choisir “Configurable product” si vous voulez que cet attribut ne puisse être utilisé que par les produits configurables et non par les produits simples. Dans le cas contraire choisissez “Tous les types de produit”.
• Utiliser pour créer un produit configurable : Choisissez “Oui”.

Une fois tous ces champs rentrés, vous pouvez cliquer sur l’onglet “Gérer les labels/les options”

C’est dans cette partie que vous allez pouvoir renseigner toutes les options disponibles pour votre attribut configurable.
Pour l’exemple précédent, nous allons pouvoir rentrer toutes les tailles imaginables pour les nappes.
Une fois toutes les tailles rentrées, sauvegardez votre attribut configurable.

3. Création d’un groupe d’attributs

Votre attribut est créé, il reste maintenant à associer cet attribut configurable à un groupe d’attribut. A quoi sert un groupe d’attribut ? Et bien il sert à ce qu’un attribut ne soit pas utilisé sur chaque produit. Dans l’exemple précédent mon attribut “taille_linge_maison” ne sera utilisé que dans mon groupe d’attribut “linge de maison” et non dans mon groupe d’attribut “meuble”.
Si votre groupe d’attribut n’est pas encore créé, rendez vous sur l’onglet : “Catalogue >> Attributs >> Gérer les groupes d’attributs” puis cliquez sur “Ajouter un nouveau groupe“.

Mettez toujours un nom explicite à vos groupes d’attributs de manière à vous y repérer. Ici nous avons donc dit que le groupe d’attributs “Linge de maison” avait les même attributs que le groupe d’attributs “Normal”.
Une fois le groupe d’attributs créé, vous pouvez éditer votre groupe d’attributs en ajoutant ou supprimant des attributs.

A gauche de la page vous allez pouvoir modifier le nom du groupe d’attribut.
Au milieu vous aurez la liste des attributs présents dans le groupe d’attributs, vous allez pouvoir les déplacer ou même les supprimer (pour les non obligatoires).
Puis à droite vous avez les attributs non associés au groupe que vous allez pouvoir ajouter si vous le désirer.
Dans cet exemple nous allons ajouter l’attribut “taille_linge_maison” au groupe d’attribut “Linge de maison”.
Une fois toutes les modifications effectuées, vous pouvez sauvegarder votre groupe d’attribut.

4. Création du produit configurable

Nous allons donc commencer par créer le produit configurable.
Rendez vous sur l’onglet “Catalogue >> Produits”, une fois sur la page “produits” cliquez sur “Ajouter un produit“.

Choisissez le groupe d’attributs qui vous intéresse, ici celui qui nous intéresse est “Linge de maison”, puis choisissez “Configurable Product” comme type du produit.
Cliquez sur continuer, vous devez alors arriver sur une page de création classique d’un produit.

Vous allez donc devoir remplir la fiche du produit configurable comme celle d’un produit simple classique mis à part pour le prix où vous mettrez le prix du produit le moins cher.
Une fois toute la fiche produit remplie, cliquez sur le bouton “Sauvegarder et continuer à éditer” en haut à droite, cette étape est nécessaire pour pouvoir créer les produits simples du produit configurable.
Après avoir fait cette manipulation votre page va se recharger et dans l’onglet “produits associés” un nouveau rectangle apparaîtra, il s’agit de “Création rapide de produit simple“.

Si vos produits simples ont chacun une référence unique alors décochez la case “Générez automatiquement” puis rentrez votre référence produit, idem pour le nom.
Vous pouvez choisir tout comme un produit simple le statut, la visibilité, le poids et la quantité.
Vous remarquerez que l’attribut configurable “Taille” est bien présent, vous allez donc pouvoir choisir votre taille.
Une fois tous les champs remplis cliquez sur le bouton “Création rapide”, votre produit simple est alors créé, répétez cette action autant de fois que vous avez de produits simples dans le produit configurable.

Si une différence de prix existe entre vos produits simples alors une fois tous vos produits simples créés, vous allez voir juste en dessous du rectangle de la création rapide de produits simples un autre rectangle contenant tous les produits simples associés au produit configurable.
A chaque option correspondra un prix, si le prix est le même quelque soit l’option choisie (avec les couleurs par exemple) alors laissez les champs “prix” vides. Par contre s’il existe une différence de prix alors inscrivez dans les champs prix la différence avec le prix du produit configurable.

Par exemple ma nappe 100*100 est au même prix que le prix du produit configurable mais ma nappe 135*170 est 40 euros plus cher.

Après avoir réalisé toutes ces étapes sauvegardez votre produit et allez jeter un coup d’oeil à votre front office.
Votre produit configurable a bien été créé.