Aperçu

La page Arbre des catégories est divisée en deux sections principales, avec une puissante fonction de création à partir du menu pour vous aider à démarrer rapidement :

🌳 Vue en arbre (panneau gauche)

Objectif : Cette hiérarchie définit les blocs de fil d'Ariane et de sous-catégories affichés sur votre vitrine. Les collections dans la vue en arbre :

• ✅ Apparaîtront dans les chemins de navigation du fil d'Ariane

• ✅ S'afficheront comme sous-catégories sur les pages de collection

• ✅ Créeront des structures de navigation à plusieurs niveaux

• ✅ Seront incluses dans les données structurées (SEO)

📦 Catégories non assignées (panneau droit)

Objectif : Fil d'Ariane et sous-catégories cachés - collections qui existent dans votre boutique mais ne font PAS partie de la structure de navigation. Les collections dans les catégories non assignées :

• ❌ N'apparaîtront pas dans les fils d'Ariane

• ❌ Ne s'afficheront pas comme blocs de sous-catégories

• ❌ Ne seront pas incluses dans la hiérarchie de navigation

• ✅ Seront toujours accessibles via des URL directes

Vue en arbre - fonctionnalités principales

🔍 Recherche

Emplacement : Boîte de recherche en haut de la vue en arbre Fonctionnalités :

• Trouver rapidement des catégories par nom

• Filtre l'arbre en temps réel

• Aide à naviguer dans de grandes structures de catégories

🔄 Bouton de rafraîchissement

Emplacement : Coin supérieur droit Objectif : Récupère les collections publiées les plus récentes de votre boutique Shopify et synchronise les menus Quand l'utiliser :

• Après avoir ajouté de nouvelles collections dans l'administration Shopify

• Pour synchroniser les modifications récentes de votre boutique

• Avant de procéder à une réorganisation majeure

• Lorsque vous ne voyez pas vos menus dans la liste déroulante

🎯 Build from Menu

Emplacement : Groupe de boutons à côté du titre de la vue en arbre Objectif : Construire automatiquement votre arbre de catégories basé sur la structure de votre menu de navigation Shopify existant

Comment ça marche

• Sélectionnez un menu dans la liste déroulante (Menu principal, Menu pied de page, etc.)

• Cliquez sur le bouton "Build from menu"

• L'application fait automatiquement :

• - Importe toutes les collections publiées du menu

• - Préserve la hiérarchie du menu (relations parent → enfant)

• - Supporte l'imbrication à plusieurs niveaux (3+ niveaux)

• - Déplace les collections inutilisées vers le panneau "Non assignées"

Ce qui est importé :

• ✅ Collections publiées uniquement - Seulement les éléments de menu pointant vers des collections publiées

• ✅ Hiérarchie du menu - Les relations parent → enfant sont préservées

• ✅ Imbrication multi-niveaux - Prend en charge des structures de menu profondes (3 niveaux et plus)

Ce qui est exclu :

• ❌ Collections brouillon/non publiées - Seules les collections publiées sont importées

• ❌ Liens HTTP - Les liens externes et les URL personnalisées sont ignorés

• ❌ Liens produits - Les liens directs vers les produits ne sont pas importés

• ❌ Liens vers des pages - Les liens vers des pages sont exclus

• ❌ Autres éléments de menu - Blogs, recherche, liens vers le panier, etc. ne sont pas importés

Limitations importantes :

• ⚠️ Seules les collections publiées - Les collections brouillon ou non publiées ne seront pas importées

• ⚠️ Liens de menu uniquement - Seules les collections présentes dans votre menu seront importées

• ⚠️ Point de départ uniquement - Vous devrez probablement personnaliser après la construction (ajouter plus de collections, réorganiser, etc.)

Mise en cache du menu

Les menus sont mis en cache pendant 24 heures pour un chargement plus rapide. L'horodatage du cache est affiché à côté du groupe de boutons (par exemple, "Cached 14:30:25").

Besoin de synchroniser les menus ?

Si vous ne voyez pas vos menus dans la liste déroulante, cliquez sur le bouton Actualiser pour synchroniser les derniers menus de votre boutique Shopify.

Indicateurs visuels dans la liste déroulante du menu

• Éléments de collection - Couleur normale, peuvent être synchronisés avec votre arbre

• Éléments non-collection (liens HTTP, etc.) - Couleur gris clair avec badge de type (par exemple, "HTTP")

• Menu par défaut - Badge vert "Default"

⬇️ Bouton Réduire tout

Emplacement : À côté de la barre de recherche But : Réduit toutes les catégories développées pour n'afficher que les éléments de premier niveau Cas d'utilisation :

• Obtenir une vue d'ensemble de vos catégories principales

• Naviguer rapidement dans un arbre complexe

• Avant d'effectuer des modifications structurelles

⬆️ Bouton Développer tout

Emplacement : À côté du bouton réduire tout But : Développe toutes les catégories pour afficher toute la hiérarchie Cas d'utilisation :

• Voir la structure complète des catégories

• Trouver des éléments profondément imbriqués

• Examiner toute la navigation en une fois

Opérations de glisser-déposer

L'arbre prend en charge une puissante fonctionnalité de glisser-déposer pour organiser les catégories.

Sélection multiple

Comment sélectionner plusieurs éléments :

• Sélectionner le premier élément : Cliquez sur une catégorie

• Ajouter plus d'éléments : - Maintenez ⌘/Ctrl + Cliquez = Ajouter des éléments individuels - Maintenez Shift + Cliquez = Sélectionner une plage d'éléments

• Glisser ensemble : Faites glisser n'importe quel élément sélectionné, tous les éléments sélectionnés se déplacent ensemble

Déplacement des catégories

Élément unique :

• Cliquez et maintenez une catégorie

• Faites glisser vers une nouvelle position

• Déposez pour placer : - Entre les éléments = Même niveau (frère/sœur) - Sur un élément = Enfant de cet élément (imbriqué) - Glisser vers la gauche en étant imbriqué = Désimbriquer (monter d'un niveau)

Éléments multiples :

• Sélectionnez plusieurs catégories (⌘/Ctrl + Cliquez)

• Faites glisser n'importe quel élément sélectionné

• Tous les éléments sélectionnés se déplacent ensemble

• Déposez-les en groupe

Retour visuel

• La ligne d'indication de glissement montre où les éléments seront placés

• Surbrillance au survol sur la catégorie parente cible

• Le niveau d'indentation montre la profondeur de l'imbrication

Panneau des catégories non assignées

But et comportement

Les collections dans ce panneau sont cachées de :

• Breadcrumbs

• Blocs de sous-catégories

• Hiérarchie des catégories

• Données structurées

Pourquoi garder des collections non attribuées ?

• Collections internes/réservées à l'administration

• Collections saisonnières non actives actuellement

• Collections de test

• Collections utilisées à d'autres fins (réductions, lots, etc.)

Ajout à la vue en arbre

Méthode 1 : Lorsqu'une catégorie est sélectionnée dans l'arbre

• Cliquez pour sélectionner une catégorie dans la vue en arbre (panneau de gauche)

• Cochez une ou plusieurs collections dans le panneau Non attribuées

• Cliquez sur Ajouter ou faites glisser la collection

• → La collection devient un enfant de la catégorie sélectionnée

Méthode 2 : Lorsqu'aucune catégorie n'est sélectionnée

• Assurez-vous que rien n'est sélectionné dans la vue en arbre

• Cochez une ou plusieurs collections dans le panneau Non attribuées

• Cliquez sur Ajouter ou faites glisser la collection

• → La collection est ajoutée en bas de l'arbre (niveau racine)

Recherche dans les non attribuées

Emplacement : Zone de recherche en haut du panneau Non attribuées Fonctionnalités :

• Filtrer la liste des collections non attribuées

• Trouver rapidement des collections spécifiques

• Affiche le compte : "Affichage de 27 collections non attribuées"

Actualiser les non attribuées

Icône : Icône d'actualisation à côté de la recherche But : Met à jour la liste des collections non attribuées depuis Shopify

Raccourcis clavier

• ⌘/Ctrl + Clic = Sélection multiple de catégories

• Shift + Clic = Sélection d'une plage de catégories

• Drag = Déplacer la/les catégorie(s)

• Click collapse icon = Basculer les enfants de la catégorie

• Hold ⌘/Ctrl + Clic sur réduire = Réduire tous les enfants récursivement

Enregistrement des modifications

Sauvegarde automatique : Les modifications NE sont PAS enregistrées automatiquement Sauvegarde manuelle :

• Cliquez sur le bouton "Enregistrer" en bas à droite

• Toutes les modifications sont appliquées ensemble

• Actualisez votre vitrine pour voir les mises à jour

Noms d'affichage personnalisés des collections

Vous pouvez définir un nom d'affichage personnalisé pour toute collection utilisée dans votre arbre. Cela vous permet d'afficher une étiquette plus propre, plus courte ou plus conviviale pour les clients dans vos breadcrumbs et sous-catégories sans renommer la collection Shopify réelle.

• ✅ Conserver le titre original de la collection Shopify pour un usage interne/administratif

• ✅ Afficher une étiquette différente dans la navigation de la vitrine (breadcrumbs + sous-catégories)

• ✅ Utile pour un libellé optimisé SEO, des abréviations ou une nomenclature cohérente

Comment modifier les noms d'affichage

Dans l'Arbre des catégories, cliquez sur une collection et modifiez son Nom d'affichage en ligne. Notes :

• Les modifications sont enregistrées lorsque vous cliquez sur Enregistrer (comme pour les modifications de la structure de l'arbre)

• Laisser le Nom d'affichage vide supprime le nom personnalisé (retour au titre de la collection)

• Recommandé : gardez-le court (par ex., 20-40 caractères) pour une meilleure expérience mobile

Comment cela apparaît sur la vitrine

Lorsqu'un nom d'affichage existe, l'interface de la vitrine le privilégie par rapport au titre original. Si aucun nom d'affichage n'est défini, l'application revient au titre de la collection Shopify. Cela affecte :

• Les étiquettes des breadcrumbs pour les niveaux de collection

• Les titres/liens des blocs de sous-catégories (lorsqu'activés dans votre thème)

Exemples de structure de catégorie

Construire à partir de l'exemple de Menu

Avant de construire : Votre Menu Principal Shopify :

Main Menu
├─ Women (COLLECTION)
│  ├─ Dresses (COLLECTION)
│  │  ├─ Summer Dresses (COLLECTION)
│  │  └─ Evening Dresses (COLLECTION)
│  └─ Tops (COLLECTION)
├─ Men (COLLECTION)
│  ├─ Shirts (COLLECTION)
│  └─ Pants (COLLECTION)
├─ About Us (HTTP) ← Skipped
└─ Contact (HTTP) ← Skipped

Après avoir cliqué sur "Build from menu" : Votre Arbre de Catégories :

📁 Women
  └─ 👗 Dresses
      └─ ☀️ Summer Dresses
      └─ 🌙 Evening Dresses
  └─ 👕 Tops

📁 Men
  └─ 👔 Shirts
  └─ 👖 Pants

Résultat :

• Tous les articles de la collection importés avec la hiérarchie préservée

• Les liens HTTP (About Us, Contact) sont automatiquement ignorés

• Prêt à être personnalisé davantage avec glisser-déposer

Exemple de boutique de mode

📁 Women
  └─ 👗 Dresses
      └─ ☀️ Summer Dresses
      └─ 🌙 Evening Dresses
      └─ 👔 Casual Dresses
  └─ 👕 Tops
  └─ 👖 Bottoms

📁 Men
  └─ 👔 Shirts
  └─ 👖 Pants
  └─ 🧥 Outerwear

📁 Sale
  └─ 50% Off
  └─ Clearance

Exemple de boutique d'électronique

📁 Computers
  └─ 💻 Laptops
      └─ Gaming Laptops
      └─ Business Laptops
  └─ 🖥️ Desktops
  └─ ⌨️ Accessories

📁 Smartphones
  └─ 📱 iPhone
  └─ 📱 Samsung
  └─ 📱 Google Pixel

Bonnes pratiques

Commencez par Build from Menu

Flux de travail recommandé :

• Utilisez d'abord Build from menu - Si vous avez déjà un menu de navigation, utilisez Build from Menu pour commencer rapidement

• Vérifiez la structure - Vérifiez si la hiérarchie importée a du sens

• Personnalisez selon les besoins - Ajoutez les collections manquantes, réorganisez ou ajustez la profondeur

• Enregistrez et testez - Enregistrez vos modifications et vérifiez les fils d'Ariane sur votre vitrine

Avantages :

• Gagne du temps par rapport à une configuration manuelle

• Préserve la structure de votre menu existant

• Fournit un point de départ solide pour la personnalisation

Restez simple

Bonne structure :

• 2-3 niveaux de profondeur maximum

• 5-7 catégories par niveau

• Noms clairs et descriptifs

Mauvaise structure :

• Trop de niveaux imbriqués (confus)

• Trop de catégories en même temps (accablant)

• Noms vagues comme "Autre" ou "Divers"

Organisez selon la pensée du client

Pensez comme vos clients :

• Comment cherchent-ils les produits ?

• Quel est leur modèle mental ?

• Qu'est-ce qui est le plus important pour eux ?

Exemple mode : ✅ Par genre d'abord (Women > Dresses) ❌ Par couleur d'abord (Red > Women's Items) Exemple électronique : ✅ Par type d'appareil (Laptops > Gaming) ❌ Par marque d'abord (Apple > All Products)

Utilisez une nomenclature cohérente

À faire :

• Women's Dresses

• Men's Shirts

• Kids' Shoes

À ne pas faire :

• Dresses for Women

• Shirts (Men)

• Children Footwear

Équilibrez largeur et profondeur

Largeur (plate) : Bon pour les petits catalogues

📁 Dresses
📁 Tops
📁 Pants
📁 Accessories

Profondeur (imbriquée) : Bon pour les grands catalogues

📁 Women
  └─ Dresses
  └─ Tops
  └─ Pants

Erreurs courantes à éviter

❌ Hiérarchies trop profondes

Mauvais :

Home › Fashion › Women › Clothing › Dresses › Casual › Summer › Floral

Bon :

Home › Women › Dresses › Summer Dresses

❌ Nommage incohérent

Mauvais :

• Women's Dresses

• Tops for Women

• Female Accessories

• Women Shoes

Bon :

• Women's Dresses

• Women's Tops

• Women's Accessories

• Women's Shoes

❌ Catégories qui se chevauchent

Mauvais :

📁 Sale Items
📁 Clearance
📁 Discounted Products

Bon :

📁 Sale
  └─ 50% Off
  └─ Clearance

Conseils pour différentes tailles de boutique

Petites boutiques (< 100 produits)

Gardez la structure plate et simple :

📁 New Arrivals
📁 Dresses
📁 Tops
📁 Accessories
📁 Sale

Boutiques moyennes (100-1000 produits)

Ajoutez un niveau de profondeur :

📁 Women
  └─ Dresses
  └─ Tops
📁 Men
  └─ Shirts
  └─ Pants
📁 Sale

Grandes boutiques (plus de 1000 produits)

Utilisez des hiérarchies complètes :

📁 Women
  └─ Clothing
      └─ Dresses
      └─ Tops
  └─ Accessories
📁 Men
  └─ Clothing
  └─ Accessories

Questions fréquentes