Modifier l’ordre de vos collections

Cette page a été imprimée le Apr 19, 2024. Pour la dernière version, allez à https://help.shopify.com/fr/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/change-collections-page.

Une page contenant la liste de vos collections se trouve sur votre boutique, à l'URL your-store.com/collections. Cette liste répertorie toutes vos collections par ordre alphabétique. Or, cette personnalisation vous indique comment préciser les collections à inclure et comment modifier leur ordre sur la page.

Page de liste des collections

Sur cette page

Vérifier les paramètres de votre thème

Les versions actuelles de tous les thèmes gratuits de Shopify incluent des paramètres vous permettant d’apporter des modifications à la mise en page de votre liste de collections, à partir de l’éditeur de thème.

Étapes

  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Dans le menu déroulant en haut de la page ou à partir du menu Modèles sur un mobile, sélectionnez Liste des collections.
  4. Cliquez sur la page de la liste des collections pour afficher et modifier les paramètres.
  5. Cliquez sur Save (Enregistrer).
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur Edit (Modifier).
  6. Dans le menu déroulant en haut de la page ou à partir du menu Modèles sur un mobile, sélectionnez Liste des collections.
  7. Cliquez sur la page de la liste des collections pour afficher et modifier les paramètres.
  8. Cliquez sur Save (Enregistrer).
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur Edit (Modifier).
  6. Dans le menu déroulant en haut de la page ou à partir du menu Modèles sur un mobile, sélectionnez Liste des collections.
  7. Cliquez sur la page de la liste des collections pour afficher et modifier les paramètres.
  8. Cliquez sur Save (Enregistrer).

Si votre thème ne comporte aucun paramètre permettant de modifier la page de la liste de collections, vous devez créer un menu et modifier le code de votre thème.

Créer un menu pour contrôler la page de votre liste de collections

Vous pouvez créer un menu pour spécifier les collections que vous souhaitez inclure sur la page de votre liste de collections.

Étapes

  1. Depuis votre interface administrateur Shopify, allez à Online Store (Boutique en ligne) > Navigation.
  2. Cliquez sur Ajouter un menu.
  3. Nommez votre menu All collections. Il est important que vous ne changiez pas ce nom, car il est utilisé par votre thème pour déterminer quelles collections afficher sur la page de la liste des collections et dans quel ordre. Le nom du menu n’apparaît pas sur votre boutique en ligne.
  4. Cliquez sur Ajouter un élément de menu.
  5. Dans la fenêtre Ajouter un élément de menu, saisissez le nom d’une collection que vous souhaitez afficher sur la page de la liste des collections. Cliquez sur le champ Lien, sélectionnez Collections, puis cliquez sur le nom de la collection. Pour déplacer un élément de menu ailleurs, cliquez sur les points situés à gauche de l’élément de menu et faites-les glisser à l’endroit désiré.
  6. Cliquez sur Save (Enregistrer).
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Navigation.
  4. Cliquez sur Ajouter un menu.
  5. Nommez votre menu All collections. Il est important que vous ne changiez pas ce nom, car il est utilisé par votre thème pour déterminer quelles collections afficher sur la page de la liste des collections et dans quel ordre. Le nom du menu n’apparaît pas sur votre boutique en ligne.
  6. Cliquez sur Ajouter un élément de menu.
  7. Dans la fenêtre Ajouter un élément de menu, saisissez le nom d’une collection que vous souhaitez afficher sur la page de la liste des collections. Cliquez sur le champ Lien, sélectionnez Collections, puis cliquez sur le nom de la collection. Pour déplacer un élément de menu ailleurs, cliquez sur les points situés à gauche de l’élément de menu et faites-les glisser à l’endroit désiré.
  8. Cliquez sur Save (Enregistrer).
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Navigation.
  4. Cliquez sur Ajouter un menu.
  5. Nommez votre menu All collections. Il est important que vous ne changiez pas ce nom, car il est utilisé par votre thème pour déterminer quelles collections afficher sur la page de la liste des collections et dans quel ordre. Le nom du menu n’apparaît pas sur votre boutique en ligne.
  6. Cliquez sur Ajouter un élément de menu.
  7. Dans la fenêtre Ajouter un élément de menu, saisissez le nom d’une collection que vous souhaitez afficher sur la page de la liste des collections. Cliquez sur le champ Lien, sélectionnez Collections, puis cliquez sur le nom de la collection. Pour déplacer un élément de menu ailleurs, cliquez sur les points situés à gauche de l’élément de menu et faites-les glisser à l’endroit désiré.
  8. Cliquez sur Save (Enregistrer).

Pour certains thèmes tels que Supply, il vous suffit de créer le menu All collections. Pour vérifier si des changements ont eu lieu, accédez à la page de la liste de collections (your-store.com/collections) de votre boutique en ligne. Si aucune modification n’a été apportée, vous devez modifier le code de votre thème.

Personnaliser votre modèle list-collections.liquid

Vous pouvez modifier le code de la page de votre liste de collections de manière à ce qu'elle n'affiche que les collections que vous avez incluses dans le menu All collections.

Étapes

  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
  3. Dans le répertoire Sections, cliquez sur collection-template.liquid.
  4. Recherchez chaque occurrence du code suivant : 
{% for collection in collections %}

Certains thèmes contiennent plutôt le code suivant :

{% for collection in list_collections %}

Remplacez chaque occurrence du code ci-dessus par :

{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
  1. Cliquez sur Save (Enregistrer).
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Manage themes (Gérer les thèmes).
  4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
  5. Dans le répertoire Sections, cliquez sur collection-template.liquid.
  6. Recherchez chaque occurrence du code suivant : 
{% for collection in collections %}

Certains thèmes contiennent plutôt le code suivant :

{% for collection in list_collections %}

Remplacez chaque occurrence du code ci-dessus par :

{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
  1. Cliquez sur Save (Enregistrer).
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Manage themes (Gérer les thèmes).
  4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
  5. Dans le répertoire Sections, cliquez sur collection-template.liquid.
  6. Recherchez chaque occurrence du code suivant : 
{% for collection in collections %}

Certains thèmes contiennent plutôt le code suivant :

{% for collection in list_collections %}

Remplacez chaque occurrence du code ci-dessus par :

{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
  1. Cliquez sur Save (Enregistrer).

Prêt(e) à commencer à vendre avec Shopify ?

Essayez gratuitement