Guide Magento. Créer et gérer des catégories sur votre site Magento

Version utilisée pour l’élaboration de ce guide : Magento 1.3.0
Rédigé par : Olivia
Télécharger ce guide au format pdf : Créer et gérer des catégories sur votre site Magento

-> Contexte

Pour créer un site sous Magento, vous allez être obligé de passer par la case « Catégories ». Les catégories sont les éléments qui vont constituer l’arborescence de votre site.
Les catégories vont être organisées les unes par rapport aux autres et classées en « catégorie racine » (= catégorie mère) & « sous-catégorie » (= catégorie fille). Chaque catégorie pourra être configurée de manière indépendante.

Ce guide déroulera le processus de création des catégories de votre site Magento, en vue de créer l’arborescence de votre site.

 

-> Rendu Front-Office

Les catégories ou sous-catégories, lorsqu’elles sont actives et visibles, s’afficheront comme suit :

Exemple d'affichage de catégories et sous-catégories en Front

Il s’agit bien entendu d’un exemple et cela sera fonction du design appliqué.

 

-> Procédure de création d’une catégorie
1/ Vous rendre sur l’interface « Catalogue > Gérer les catégories »

Chemin d'accès pour la création d'une catégorie sous Magento

 

2/ Vous vous trouvez sur l’interface de création d’une nouvelle catégorie. Cette page se découpe en 5 zones :

Présentation de l'interface de création et gestion des catégories Magento

La colonne de gauche qui est le rappel des catégories déjà créées (arborescence actuelle de votre site Magento)

La zone de création d’une nouvelle catégorie contenant 4 onglets :

- Informations générales
- Display settings
- Design personnalisé
- Produits de la catégorie

 

3/ Lorsque vous arrivez sur la page « Gérer les catégories », un formulaire de création vierge vous est proposé. Vous pouvez donc entamer la création de la catégorie. Si en revanche, vous avez déjà crée une catégorie ou que vous en consultez une, pour accéder à un formulaire vierge et créer une nouvelle catégorie, il vous suffit de cliquer sur : « Ajouter une catégorie racine » ou « Ajouter une sous-catégorie ».

Bouton d'ajout d'une catégorie racine ou d'une sous-catégorie sur Magento

“Ajouter une catégorie racine” vous permet de créer une catégorie “de niveau 1″, une “catégorie principale”. “Ajouter une sous-catégorie” vous permet d’ajouter une catégorie de niveau 2, 3, 4 etc… catégorie étant forcément rattaché à une catégorie mère.

 

4/ Complétez l’onglet “Informations générales”

interface de création d'une nouvelle catégorie Magento

 

Le nom (obligatoire) : c’est l’intitulé qui remontera en Front.

Vue back-office :

Exemple d'affichage en Front du nom de la catégorie Magento

 

Vue front-office :

vue du champ description dans le back office magento pour la création d'une catégorie

 

La description (facultatif) : Vous pouvez si vous le souhaitez faire remonter un texte introductif sur chacune des catégories (il pourra bien sûr être placé où vous le souhaitez et sera fonction du design de votre site). C’est un élément qui peut s’avérer intéressant pour l’optimisation de votre référencement naturel et surtout un élément qui pourra aider et guider vos internautes dans leur navigation sur votre site.

Vue back-office :

vue du champ description sur le front office magento pour la création d'une catégorie

 

Vue front-office :
vue du champ image dans le back office magento pour la création d'une catégorie

 

L’image (facultatif) : comme pour la description, vous pouvez si vous le souhaitez faire remonter une image sur chacune des catégorie pour “l’illustrer” ou “apporter des précisions” quant à son contenu. C’est un élément facultatif qui peut cependant s’avérer important. Son rôle étant double : graphique (votre page produit sera alors agrémentée d’un visuel design) et informatif (le contenu visuel de l’image peut en dire beaucoup sur ce que l’internaute trouvera dans la catégorie et ses sous-catégories).

Vue back-office :

vue du champ image sur le front office magento pour la création d'une catégorie

La taille de l’image à uploader est fonction du design qui sera mis en place sur votre site. Pour uploader l’image, il vous suffit d’aller la chercher en local à l’aide du bouton « Parcourir ».

Si vous vous êtes trompé ou si vous souhaitez supprimer l’image en place, il vous suffit de cocher la case « delete image » et de « sauvegarder »

 

Vue front-office :

Exemple d'affichage d'image sur le front office magento lors de la création d'une catégorie

 

Titre de la page (facultatif) : avec cette information on entre dans la dimension “référencement”. C’est une donnée facultative mais qui a beaucoup d’importance. Il s’agit ici de définir le titre qui s’affichera dans le navigateur Web de vos internaute (et dans l’onglet du navigateur Web, quand plusieurs pages sont ouvertes).

Par défaut, Magento configure le titre de la page pour faire remonter : le nom de la catégorie + le nom de la catégorie mère (dans le cas où il y en ai une).

Exemple de titre de page automatique sur Magento

Vous pouvez grâce à l’attribut « Titre de page », configurer le titre de la page comme vous le souhaitez et l’optimiser.

 

Vue back-office :

vue du front office Magento pour la configuration du titre de la page

 

Vue front-office :

Vue Front Office Magento de la configuration du titre de la page

 

Les mots-clés Méta (facultatif) : 2ème point du volet “référencement naturel”, il s’agit ici de saisir les mots-clés de la catégorie. L’idée est d’inscrire dans cette zone les principaux thèmes contenus dans la catégorie, en les complétant par un assortiment de synonymes, tout en anticipant les dérivés orthographiques possibles.
Les Meta KeyWords ne sont plus considérés comme « un élément clé » du référencement (trop souvent utilisés de manière abusive par les référenceurs et webmasters). Les moteurs ne leur accordent aujourd’hui qu’une importance modérée (voir très modérée), il est cependant bien de les renseigner.

Vue du back-office Magento pour renseigner les mots-clés méta

 

La Méta description (facultatif) : 3ème point du volet “référencement naturel”, la méta description est une brève présentation, optimisée au niveau des termes utilisés, décrivant à l’internaute le contenu de la catégorie.

C’est le texte qui est utilisé par Google au niveau des résultats de recherche. Il a donc un rôle important pour « convaincre » l’internaute de cliquer sur votre résultat plutôt qu’un autre.

Dans l’exemple ci-dessous, le texte contenu dans l’encadré rouge et le texte qui a été saisi dans la « Méta description ». Nous maîtrisons ainsi le message qui est communiqué aux internautes. Dans la seconde ligne en revanche, nous n’avons pas renseigné le champ. Ainsi, s’agissant d’un blog, Google fait remonter des termes aléatoires du dernier article publié.

Exemple de méta description sur Google

Pour définir votre Méta description, il suffit de remplir le champ prévu à cet effet dans le back-office :

Vue du back office Magento pour la configuration de la méta description

 

Attribut “Is active” (facultatif) : l’intitulé de cette entrée est très claire. Ce paramètre vous permet d’activer ou non la catégorie (la rendre visible ou non au niveau du Front). Le paramètre peut avoir 2 positions : “oui” ou “non”.

Vue back-office Magento de l'attribut "is Active"

 

URL key (facultatif) : c’est le dernier point du volet “référencement naturel”. Cette entrée sera automatiquement remplie si vous le faites pas. Il s’agit de zone qui vous permet de ré-écrire l’url de la page catégorie. C’est un élément très important pour l’optimisation de votre référencement naturel. Il s’agit de faire remonter les termes les plus pertinents et les plus recherchés dans la thématique de la catégorie.

 

Vue back-office :

Vue back office Magento pour la réecriture de l'url

 

Vue front-office :

Vue front Office magento lors de l'url rewriting

 

5/ Compléter l’onglet “Display Settings”

Cette partie vous permet de choisir le type d’affichage qui sera appliquée pour la catégorie que vous créez.

interface de création d'une nouvelle catégorie Magento - onglet display settings

 

Display Mode : vous avez de manière native 3 possibilités de configuration pour les pages catégories :
- Produits seulement
- Bloc statique uniquement
- Bloc statique et produits

 

-> Rendu “Produits seulement”

Exemple de rendu front office "produits seulement" sur une catégorie Magento

 

-> Bloc statique uniquement

Exemple de rendu front office "bloc statique seulement" pour une catégorie Magento

 

-> Bloc statique et produits

Exemple de rendu front office "produits et bloc statique" pour une catégorie Magento

Une fois que vous avez choisi le gabarit de la page, vous pouvez passer à sa configuration.

 

CMS Block : la partie CMS Block n’a d’utilité que si la configuration que vous avez choisie est “Bloc statique uniquement” ou “bloc statique et produits”. CMS Block défini le gabarit que vous souhaitez utilisé pour la remontée des éléments statiques. C’est une sorte de bibliothèque dans laquelle vous allez choisir les éléments statiques à afficher.
Le choix du CMS Block se fait par un menu déroulant. Il faut donc que vos gabarits soit crées en amont. Nous verrons la création des “CMS Block” dans un guide dédié, à venir prochainement.

Vue back office magenti pour attribut "CMS Block"

 

Attribut “Is Anchor” : Cet attribut a une utilité lorsque votre arborescence a une “profondeur”. Si vous activez “Is Anchor” alors la page catégorie fera remonter les produits associés à la catégorie en question mais aussi les produits contenus dans ses catégories filles. Si en revanche vous sélectionnez “Is Anchor : non” alors la page catégorie fera uniquement remonter les produits associés à la catégorie.

vue back office Magento pour attribut "Is Anchor"

 

Attribut “Available Product Listing Sort by” : Cette configuration ne vaut que si vous avez sélectionné “Produits seulement” ou “Bloc statique et produits”. En effet, “Available Product Listing Sort by” vous permet de configurer les attributs de classement qui seront proposées sur les murs de produits :

Exemple rendu Font Office critère affinage page Catégorie Magento

Magento vous propose d’utiliser la configuration par défaut (celle qui sera appliquée à toutes les pages de votre site). Si vous souhaitez personnaliser les attributs pour la catégorie vous pouvez le faire. Pour cela, il vous suffit décocher “Utiliser les paramètres de configuration” et les éléments sont alors accessibles :

Vue back office Magento pour personnalisation des critères d'affinage catégorie

Il vous reste alors à sélectionner les critères que vous souhaitez afficher en front en les sélectionnant dans la liste à choix multiple.

Vue back office Magento pour personnalisation des critères d'affinage catégorie

 

Attribut “Default Product Listing Sort by” : Le principe est le même pour cet attribut. Ce paramètre vous permet de configurer le critère de classement qui s’affiche par défaut sur le mur de produit :

Exemple rendu front office magento de critère de classement par défaut

Comme pour le point précédent, cette configuration ne vaut que si vous avez sélectionné “Produits seulement” ou “Bloc statique et produits”.
Magento vous propose d’utiliser la configuration par défaut du site. Vous pouvez cependant personnaliser ce paramètre par catégorie. Il vous suffit de décocher “Utiliser les paramètres de la configuration” et de sélectionner dans le menu déroulant l’attribut que vous souhaitez affiché par défaut pour les murs de produits.

Vue back office Magento pour définition du critère de tri par défaut

 

6/ Si vous souhaitez appliquer un design particulier sur la catégorie que vous créer, vous devrez alors compléter l’onglet “Design personnalisé”. Nous verrons le process de personnalisation du design dans un guide dédié.

interface de création d'une nouvelle catégorie magento - onglet design personnalisé

 

7/Complétez l’onglet “Produits de la catégorie” Cet onglet vous permet de sélectionner les produits que vous souhaitez faire remonter dans la catégorie. Pour cela il vous suffit de cocher les produits :

interface de création d'une nouvelle catégorie magento - onglet design personnalisé

Si votre catalogue est fourni, vous pouvez vous appuyer sur les outils de filtrage et de recherche proposés par Magento.

 

Gestion des paramètres d’affichage

Paramètres affichage des produits de la catégories Magento

3 zones vous sont identifiables :
- L’affichage du nombre total d’enregistrements (= nombre total de règles). Ce nombre est ajusté en fonction des filtres de recherche qui ont été appliqués.
- La gestion du nombre de produits que vous souhaitez afficher dans la page (par 20, 30, 50, 100 ou 200).
- Le nombre de pages disponibles. Vous pouvez passer d’une page à l’autre en naviguant avec les flèches à gauche et à droite du champ de saisie ou saisir directement le n° de la page sur laquelle vous souhaitez vous rendre.

 

Filtrage des produits

Magento propose une interface permettant de filtrer les produits en fonction de différents critères, qu’il est possible de cumuler et de croiser.

Critères de recherche des produits pour la création d'une catégorie Magento

Au total, vous disposez de 5 critères pour le filtrage :
- L’ID de la règle promotionnelle
- Le nom du produit
- Le SKU (la reference du produit)
- Le prix (vous pouvez saisir un prix précis ou une fourchette)
- La position du produit

Vous pouvez donc saisir plusieurs critères de filtrage puis cliquez sur « Rechercher » (ou sur la touche « entrer »).

Si vous souhaitez réinitialiser votre recherche et repartir sur une base vierge, il vous suffit de cliquer sur « Réinitialiser le filtre ».

 

Listing des produits

Tous les produits enregistrés s’affichent dans la page. Vous pouvez les classer par ID, par nom, par SKU, par prix etc….

Pour cela il suffit de cliquer sur les têtes de colonnes.

Classement par tête de colonne des produits pour la création d'une catégorie magento

Pour switcher entre classement croissant et classement décroissant, vous pouvez utiliser la petite flèche qui s’affiche lorsqu’une tête de colonne est sélectionnée :

Tri croissant et décroissant des produits pour la création d'une catégorie magento

 

8/ Une fois toutes ces informations saisies, vous pouvez alors sauvegarder votre catégorie en cliquant sur ” sauvegarder la catégorie”.

Sauvegarde d'une nouvelle catégorie sur magento

 

-> Classement et organisation des catégories de votre site Magento

Vous pouvez à tout moment, en toute facilité, modifier l’ordre de vos catégories, rattacher une sous-catégorie à une nouvelle catégorie racine, passer une sous-catégorie en catégorie racine etc… Bref tout est envisageable.

Magento vous propose de le faire en toute simplicité en bougeant les catégories grâce à un “glisser-déposer” (drag & drop).

Exemple d'action de glisser-déposer (drag & drop) sur les catégories Magento


Attention cependant à ne pas trop modifier la structure des catégories racine ou a changer les sous-catégories de catégorie racine une fois votre site en ligne. En effet, le fait de passer une sous-catégorie en catégorie racine modifie l’url. Si vos pages sont déjà référencées, l’internaute tombera alors sur une page « erreur 404 ».

 

-> Précisions concernant l’interface

Choisir une vue magasin
Vous avez pu noter que sur l’interface de création d’une nouvelle catégorie, au niveau de la colonne de gauche, vous retrouvez la notion de « vue magasin ». Ce module est utile lorsque vous avez un site « multistore ». Dans le process ci-dessus nous sommes partis sur le fait que le site Web n’avait pas de boutique.

La gestion des boutiques sera vue dans un guide dédié.

Module de gestion des multi boutiques magento sur la rubrique catégories

 

-> Tout réduire/Tout développer

Afin de mieux visualiser votre arborescence, vous pouvez en un clic déployer ou replier toutes les catégories de votre site. Seules les catégories racine seront visibles en permanence.

Options d'affichage des catégories Magento

 

-> Déployer / Replier une catégorie
Enfin si vous souhaitez gérer le déploiement et le repli des éléments avec plus de finesse (par catégorie), vous pouvez alors gérer l’affichage en cliquant sur les « + » et les « - » directement dans l’arborescence.

gestion de l'affichage de l'arborescence des catégories Magento

Partager ce guide

7 commentaires

  • By Throrgrulf, 19 juin 2009 @ 11 h 38 min

    Merci pour toutes ces informations. Néanmoins, on voit que la catégorie “Peluches & doudous” a l’ID 35.

    Sauriez vous me dire comment l’ID de la catégorie est attribué, et comment obtenir un listing type :

    “Id catégorie” = “nom de la catégorie”

    Merci d’avance.

  • By admin, 19 juin 2009 @ 11 h 48 min

    L’ID est auto-incrémenté lors de la sauvegarde

    A l’aide de l’objet Mage_Catelog_Model_Category_Collection tu peux accèder aux données mais je ne suis pas certain d’avoir compris ta question

  • By Throrgrulf, 1 juillet 2009 @ 17 h 16 min

    Désolé de ne aps avoir répondu plus tot. J’ai fait les chose manuellement.
    La question était en fait d’obtenir automatiquement de magento un fichier cvs avec par exemple:
    categoryID 1 = Furniture
    categoryID 2 = Electronic
    etc…

    Mais a priori ce n’est pas possible

  • By Kev, 1 juillet 2009 @ 17 h 23 min

    Cela n’existe pas par défaut mais tu peux toujours créer un nouveau profil dans importer / exporter.

    Copie le profil d’export des produits et adapte le à l’entité category

  • By xixi le filou, 23 septembre 2009 @ 19 h 09 min

    Merci pour toutes ses infos, grace a toi, j’ai très bien compris les Catégorie :) T’es une bombe mec!

  • By guillaume7684, 5 novembre 2009 @ 15 h 40 min

    Bonjour,

    J’aimerais savoir si c’est possible d’avoir l’image de ma sous-catégorie qui s’affiche quand je suis dans la catégorie mère.

    Par exemple, j’ai une catégorie nommée “GELS UV”, dans cette catégorie j’ai créé une sous-catégorie nommée “GEL DE COULEUR” dans laquelle j’ai mis une image.

    Frontend, quand je clique sur l’onglet “GELS UV”, j’aimerais avoir mes produits qui s’affichent avec en dessus l’image de ma sous-catégorie.

    Est-ce possible? Pour plus d’infos, allez voir ici: http://www.sygma-nails.com/gels-uv
    http://www.sygma-nails.com/gels-uv/gel-uv-de-couleur

    Merci pour votre aide.

    Guillaume.

  • By kev, 6 novembre 2009 @ 10 h 43 min

    Bonjour,

    C’est possible avec du dev, il faut modifier le bloc catalog/category_view, la ou est appelé l’image… par défaut ce n’est pas possible.

    Cordialement,
    Kévin

Other Links to this Post

Flux RSS des commentaires de cet article. TrackBack URI

Laisser un commentaire