Thèmes modernes | Thèmes anciens

Questions fréquentes

Que fait Categories Uncomplicated ?

L’application construit un ensemble hiérarchique de catégories et de sous-catégories à partir de vos menus de navigation Shopify existants, puis affiche des icônes de descente dans les sous-catégories et des fils d’Ariane par catégorie sur vos pages collection et produit — afin que les acheteurs voient comment les produits sont regroupés et trouvent ce qu’ils cherchent plus rapidement.

Shopify gère-t-il les sous-catégories — et en quoi cette application aide-t-elle ?

Shopify ne propose pas de sous-collections natives ; tout est une collection plate. Categories Uncomplicated offre une navigation à plusieurs niveaux, qui donne vraiment l’impression de catégories, en lisant les menus que vous maintenez déjà — vous obtenez la profondeur de catégorie sans devoir construire une taxonomie séparée.

Dois-je construire une structure de catégories séparée ?

Non. L’application lit vos Menus Shopify standard. Modifiez un menu et vos catégories, icônes et fils d’Ariane suivent — rien d’autre à gérer.

Existe-t-il un plan gratuit ?

Oui. Le plan Gratuit couvre jusqu’à 10 catégories. Le plan Pro est à 10 $/mois pour des catégories illimitées, avec un essai gratuit de 10 jours.

Ajoute-t-elle aussi des fils d’Ariane et du JSON-LD ?

Oui. L’application affiche des fils d’Ariane par catégorie et émet un BreadcrumbList JSON-LD structuré sur les pages collection et produit, ce qui est bon pour le SEO. La capacité de fil d’Ariane de Breadcrumbs Uncomplicated est incluse.

Est-elle multilingue ?

Oui — anglais, espagnol, allemand et français, en suivant les langues de votre boutique via Shopify Translate & Adapt.

Quels thèmes sont pris en charge ?

Tous les thèmes modernes Online Store 2.0 via glisser-déposer dans l’éditeur de thème Shopify. Les anciens thèmes 1.0 (« vintage ») sont pris en charge avec un embed — voir le guide Thèmes anciens.

Premiers pas

Pour tirer le meilleur parti de Categories Uncomplicated, vous devez d’abord configurer votre boutique avec des Produits, Collections et Menus. Cette vidéo vous guide à travers le processus, y compris la configuration des éléments de menu qui forment vos catégories.

Installer les icônes de catégorie

Cette application utilise l’éditeur de thème de Shopify pour vous laisser contrôler l’apparence et la mise en forme des icônes de catégorie. Cette vidéo simplifie le processus :

Pour le thème standard « Dawn » et tous les thèmes Shopify 2.0 modernes similaires, veuillez suivre ces étapes :

  1. Ouvrez votre thème actuel dans l'éditeur de thème Shopify.
  2. Sélectionnez « Collection par défaut » dans le sélecteur de modèles.
  3. Utilisez l’éditeur de thème pour placer le bloc d’icônes de sous-catégorie (aussi appelé « embed ») dans votre thème.

Installer les fils d’Ariane par catégorie

Les fils d’Ariane par catégorie sont également inclus dans Categories Uncomplicated. Cette vidéo donne plus d’informations sur leur installation :

  1. Ouvrez votre thème actuel dans l'éditeur de thème Shopify.
  2. Sélectionnez « Collection par défaut » dans le sélecteur de modèles.
  3. Utilisez l’éditeur de thème pour placer le bloc (embed) Category Breadcrumbs dans votre thème.
  4. Répétez éventuellement le processus pour « Produit par défaut ».

Désinstallation

Shopify gère toute la facturation. Pour annuler votre abonnement, il vous suffit de désinstaller l’application depuis l’interface d’administration Shopify. Plus d’informations de Shopify à ce sujet :

Désinstaller des applications

Après la désinstallation, Shopify ne vous facturera que ce que vous avez déjà utilisé, puis ne vous facturera plus. Si vous désinstallez avant la fin de votre période d’essai gratuite, vous ne serez pas facturé du tout. Si vous voulez plus d’informations sur la façon dont Shopify gère la facturation — par exemple, pourquoi des mois entiers sont facturés même pour une utilisation partielle — ce lien explique exactement quand et pourquoi vous êtes facturé :

Cycle de facturation Shopify

Afficher les fils d’Ariane sur les pages produit

Vous pouvez également afficher des fils d’Ariane de catégories sur vos pages produit.

Comme chaque produit peut appartenir à plusieurs collections, nous avons besoin d’un moyen d’identifier dans quelle collection vous souhaitez que le produit apparaisse, et donc quel fil d’Ariane afficher.

La meilleure façon de le faire est d’utiliser les URL longues :

  • Les liens de la forme /collection/nom_collection/product/nom_produit, comme celui-ci afficheront le bon fil d’Ariane.
  • Les liens sans collection, ou les URL courtes comme celui-ci, n’indiquent pas dans quelle collection vous êtes et obligent donc Shopify à deviner.

Il existe une rumeur non vérifiée selon laquelle les URL courtes seraient meilleures pour le SEO car elles évitent le contenu dupliqué, mais cela se gère mieux en utilisant des URL longues avec rel=”canonical”, comme Shopify le recommande dans cet article de bonnes pratiques.

Arriver depuis des pages collection

Les liens dans les collections sont générés par votre thème : si vous cliquez sur un produit dans une collection et arrivez sur une page produit avec une URL courte, ce problème vient de votre thème.

Le meilleur endroit pour corriger cela est le thème, mais vous pouvez utiliser ce correctif d’URL courtes dans votre embed comme solution moins idéale.

Il tente au mieux de détecter les liens courts sur les pages collection et de les réécrire automatiquement. Cette vidéo l’explique :

Le correctif d’URL courtes est disponible sous forme de case à cocher pour les thèmes 2.0 dans l’éditeur de thème Shopify, dans les paramètres de Category Breadcrumb sur la page Collection par défaut.

Arriver depuis d’autres pages, comme la recherche Shopify

Même avec ce correctif, il reste possible d’atterrir sur des URL courtes, et sur ces pages il faut bien afficher un fil d’Ariane.

Par défaut, Shopify met à disposition une liste non ordonnée de collections sous forme de metafields, que cette application utilise pour deviner le bon fil d’Ariane.

Rappel : avec les URL courtes, un produit ne peut avoir qu’un seul fil d’Ariane.

La plupart du temps, le fil d’Ariane par défaut d’un produit correspond à la collection la plus spécifique (paramètre par défaut), mais vous pouvez modifier ce comportement dans les paramètres Category Breadcrumbs sur la page Produit par défaut.

C’est une supposition, elle ne sera pas toujours correcte, mais c’est un contournement utile si votre thème ne produit pas d’URL longues.

Enfin, si vous voulez choisir une collection parente par défaut différente pour certains produits — quand la supposition n’est pas la bonne — et que votre thème produit des URL courtes, vous pouvez définir une metafield Produit personnalisée pour la Référence de collection par défaut (appelée custom.default_collection_reference) sur chaque Produit qui référence une seule Collection :

Personnaliser l’apparence de votre fil d’Ariane

L’apparence du fil d’Ariane est entièrement contrôlée par votre thème. Les couleurs ou styles peuvent varier dans différentes parties du modèle et entre différents modèles, mais ils sont tous contrôlés par le thème actuel.

Le moyen le plus simple de modifier ces styles est d’utiliser les paramètres Category Breadcrumb dans l’éditeur de thème Shopify.

Si vous voulez plus de contrôle, vous pouvez écraser les styles de votre thème et les paramètres Category Breadcrumb avec un bloc Custom Liquid. Cette vidéo explique le processus étape par étape :

Par exemple, si vous voulez que la police soit en gras, noire et sans soulignement, vous pouvez utiliser ce code personnalisé :

<style>
    nav.category-breadcrumbs a {
        font-weight: bold;
        color: black;
        text-decoration: none;
    }
</style>

Créer une navigation de plus de 3 niveaux de profondeur

Shopify Menus prend en charge deux manières d’imbriquer des éléments de menu sous d’autres éléments :

  • L’interface d’administration de Shopify Menus vous permet de créer une hiérarchie d’éléments de menu, mais limitée à 3 niveaux de profondeur.
  • Historiquement, les menus étaient imbriqués en créant un élément de menu dont le nom correspondait à celui d’un autre menu. Cette imbrication héritée est toujours prise en charge.

Bien que l’interface d’administration moderne de Shopify Menus ne prenne en charge que 3 niveaux de navigation, vous pouvez toujours créer plus de 3 niveaux en utilisant l’imbrication héritée.

Il est essentiel d’éviter les noms de catégories ou les URL de catégories en double, surtout en cas d’imbrication héritée, car Shopify ne peut pas faire la différence entre deux éléments de menu portant le même nom ou la même URL. Cette vidéo donne une explication complète :

Placer des produits dans les catégories feuilles et les catégories parentes

Vous pouvez afficher des produits à la fois dans les catégories feuilles (les plus spécifiques) et dans leurs catégories parentes, mais la manière dont Shopify est conçu signifie que vous devez lui indiquer explicitement où vous voulez que chaque produit apparaisse. Cela revient à ajouter un produit à une collection feuille ET à ses collections parentes. Le mieux est d’utiliser des étiquettes (tags), de sorte que :

  • Vous n’ayez à étiqueter un produit qu’une seule fois
  • Chaque collection définisse son contenu à partir d’un ensemble de tags de plus en plus large

Chaque lien dans l’arborescence de catégories ne peut mener qu’à un seul endroit. Chaque lien affiche une collection. Les produits que vous placez dans cette collection sont sous votre contrôle, donc en répartissant vos produits dans plusieurs collections, vous pouvez les faire apparaître partout dans l’arborescence.

Si vous avez une arborescence de catégories comme celle-ci, tirée de notre boutique de démonstration :

  • Technologie
    • Ordinateurs
      • Postes fixes

Vous pouvez placer le PC de bureau Lenovo dans une seule collection, comme ici.

Vous pouvez aussi le placer dans la collection Postes fixes, la collection Ordinateurs et la collection Technologie. Ce n’est pas l’approche que j’ai retenue dans ma boutique de démonstration, mais c’est possible.

Utiliser des tags pour gérer automatiquement les produits dans plusieurs catégories

Avec l’étiquetage, vous pouvez taguer le PC de bureau Lenovo comme « PC de bureau », puis créer des collections qui utilisent ce tag :

  • Technologie, tags de collection = [“PC de bureau”, “PC portable”, “Tablette”, “Serveur”, “Smartphone”, “Montre connectée”, “Imprimantes”…]
    • Ordinateurs, tags de collection = [“PC de bureau”, “PC portable”, “Tablette”, “Serveur”]
      • Postes fixes, tags de collection = [“PC de bureau”]

C’est parfaitement valable, mais vous pouvez simplifier en taguant directement les produits avec le nom de leurs catégories parentes. Pour le PC de bureau Lenovo, vous pouvez le taguer avec « Postes fixes », « Ordinateurs » et « Technologie ». Les tags de collection deviennent alors plus simples à configurer :

  • Technologie, tags de collection = [“Technologie”]
    • Ordinateurs, tags de collection = [“Ordinateurs”]
      • Postes fixes, tags de collection = [“PC de bureau”]