Adapter votre thème pour des marchés spécifiques ou pour B2B on Shopify

Si vous avez configuré plus d’un marché ou si vous avez activé la fonctionnalité B2B on Shopify, vous pouvez adapter l’expérience de votre boutique en ligne pour différents clients en modifiant des sections et des blocs spécifiques à un contexte. Un contexte peut être un marché ou B2B.

Par exemple, si vous avez configuré des marchés pour le Canada et l’Australie, mais que vous souhaitez apporter des changements au contenu et à la mise en page de votre thème à appliquer uniquement à l’Australie, vous pouvez effectuer sur votre boutique en ligne les modifications données en exemple ci-après :

  • Ajoutez une section, telle qu’une barre d’annonces, pour mettre en évidence une promotion proposée uniquement aux clients australiens.
  • Changez le menu pour l’adapter à votre contexte australien.
  • Remplacez le titre qui s’affiche dans la bannière de l’image.

Comprendre les contextes

Les contextes vous aident à adapter l’expérience de votre boutique en ligne à différents clients. Lorsque vous personnalisez un thème, vous pouvez sélectionner le contexte que vous souhaitez modifier dans le menu déroulant Contexte situé en haut de la page.

Capture d’écran du nouveau menu déroulant du contexte, qui s’affiche à côté du menu déroulant du modèle en haut de la page de thème de personnalisation.

Options du menu déroulant des contextes

Comprendre les options de menu déroulant « Contexte »
Option de contexteDescription
Par défautLe contexte Par défaut est utilisé pour créer une mise en page et un contenu par défaut dont d’autres contextes peuvent hériter ou qu’ils peuvent remplacer. Les modifications apportées au contexte Par défaut s’appliquent à tous les contextes, sauf s’ils sont remplacés.
DévelopperTous vos marchés sont affichés dans le menu déroulant Contexte. Vous pouvez sélectionner un marché pour apporter des changements applicables uniquement à ce contexte spécifique.
B2BSi vous avez souscrit le forfait Shopify Plus et que vous utilisez B2B on Shopify, l’option B2B s’affiche dans le menu déroulant Contexte. Vous pouvez sélectionner l’option B2B et apporter des changements qui s’appliquent au contexte B2B.

Remplacements de contextes

Si vous effectuez un changement dans une section ou un bloc du contexte Par défaut, ce changement est appliqué à tous les contextes, sauf à ceux qui sont remplacés.

Un remplacement se produit lorsque vous modifiez un contexte de façon à ce qu’il diffère des paramètres existant dans le contexte Par défaut.

Une fois que vous avez créé un remplacement, tous les changements que vous apportez aux paramètres ou à l’ordre des sections dans le contexte Par défaut ne sont pas automatiquement reflétés dans le contexte que vous modifiez. Toutefois, vous pouvez appliquer manuellement ces changements aux contextes.

Comprendre les remplacements de contextes
Type de remplacement de contexteDescriptionIcône ou étiquette
Remplacement de paramètreSe produit lorsque vous changez un paramètre, tel qu’une image ou un texte, par rapport à la valeur du contexte Par défaut. Par exemple, dans le contexte Par défaut, le texte de la barre d’annonces est Bonjour, mais dans le contexte Canada, vous avez remplacé le texte de la barre d’annonces par Allô. L’icône d’un losange vert à demi-rempli apparaît à côté du paramètre.icône en forme de demi-losange qui s’affiche dans l’éditeur de thème pour indiquer un remplacement de paramètre.
Remplacement de sectionSe produit lorsque vous ajoutez une section ou un bloc dans un contexte qui ne se trouve pas dans le contexte Par défaut. Par exemple, dans le contexte Canada, vous avez ajouté la section Image avec texte. L’icône d’un losange vert apparaît à côté de la section pour indiquer qu’un seul remplacement de section existe dans le contexte. losange plein qui s’affiche dans l’éditeur de thème pour indiquer un remplacement de section.
Ordre des sections personnaliséSe produit lorsque l’ordre des sections par défaut est remplacé, soit en ajoutant, en retirant ou en déplaçant une section ou un bloc dans un contexte. Par exemple, dans le contexte Canada, l’ordre des sections diffère de celui du contexte Par défaut. Le texte de l’ordre des sections personnalisé apparaît pour indiquer que l’ordre des sections par défaut a été remplacé. Exemple de texte de l’ordre des sections personnalisé qui s’affiche parce que l’ordre des sections par défaut a été remplacé.

Langue des contextes

Si la langue principale de votre boutique n’est pas disponible pour un contexte, vous devez utiliser une application de traduction pour personnaliser le contenu dans la langue du contexte.

Modifier une section ou un bloc existants

  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Cliquez sur Personnaliser à côté du thème que vous souhaitez modifier.
  3. Ouvrez le menu déroulant Contexte en haut de la page.
  4. Utilisez le menu déroulant pour sélectionner un contexte que vous souhaitez personnaliser.
  5. Modifiez la section ou le bloc que vous souhaitez changer pour le contexte.
  6. Cliquez sur Enregistrer.

Ajouter une section ou un bloc

  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Cliquez sur Personnaliser à côté du thème que vous souhaitez modifier.
  3. Ouvrez le menu déroulant Contexte en haut de la page.
  4. Utilisez le menu déroulant pour sélectionner un contexte que vous souhaitez personnaliser.
  5. Ajoutez une section ou un bloc pour le contexte.
  6. Dans la boîte de dialogue Remplacer l’ordre des sections par défaut ?, cliquez sur Continuer.
  7. Cliquez sur Enregistrer.

Ajouter manuellement une section ou un bloc

Lorsque vous ajoutez une section ou un bloc au contexte Par défaut, l’élément est automatiquement ajouté à tous les autres contextes, à l’exception de ceux dont vous avez personnalisé l’ordre des sections. Si vous souhaitez que la section ou le bloc ajouté s’affiche dans un contexte dont l’ordre des sections est personnalisé, vous devez ajouter la section ou le bloc manuellement.

Étapes :

  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Cliquez sur Personnaliser à côté du thème que vous souhaitez modifier.
  3. Ouvrez le menu déroulant Contexte en haut de la page.
  4. Utilisez le menu déroulant pour sélectionner un contexte que vous souhaitez personnaliser.
  5. Cliquez sur Add section (Ajouter une section).
  6. Dans la section SECTIONS DE THÈME PAR DÉFAUT, cliquez sur la section que vous souhaitez ajouter manuellement à votre contexte.
  7. Cliquez sur Enregistrer.

Ajouter la section « Liste des commandes rapides » à votre page de produit

La section Liste des commandes rapides optimise l’expérience d’achat pour les commandes en bloc et les clients B2B.

Si vous utilisez un thème gratuit de Shopify, qu’il s’agisse de la version 11.0.0 ou d’une version ultérieure, vous pouvez ajouter la section Liste des commandes rapides à votre modèle Produits, afin que vos entreprises clientes (B2B) puissent facilement acheter différentes variantes de produits en quantités diverses.

Étapes :

  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Cliquez sur Personnaliser à côté du thème que vous souhaitez modifier.
  3. Ouvrez le menu déroulant Contexte en haut de la page.
  4. Utilisez le menu déroulant pour sélectionner un contexte que vous souhaitez personnaliser.
  5. Ouvrez le menu déroulant Modèle.
  6. Cliquez sur Produits, puis sélectionnez un produit.
  7. Dans la section Modèle, cliquez sur Ajouter une section > Liste des commandes rapides.
  8. Cliquez sur Enregistrer.
Capture d’écran du nouveau menu déroulant du contexte, qui s’affiche à côté du menu déroulant du modèle en haut de la page de thème de personnalisation.

Réinitialiser votre contexte pour rétablir ses valeurs par défaut

Vous pouvez réinitialiser le contexte pour utiliser le contenu et la mise en page du contexte Par défaut en cliquant sur l’icône des flèches aller-retour. Pour plus d’informations sur la façon dont les sections sont regroupées dans un modèle de page, renseignez-vous sur les groupes de sections.

Comprendre les actions de réinitialisation
Action de réinitialisationDescriptionExemple
Réinitialiser un remplacement de paramètre sur une section ou un blocLorsque vous réinitialisez un remplacement de paramètre sur une section ou un bloc, vous supprimez un remplacement spécifique qui a été appliqué à la section ou au bloc. Une fois le remplacement supprimé, le paramètre de la section ou du bloc retrouve les valeurs initiales du contexte Par défaut.Exemple d’utilisation de la flèche aller-retour pour réinitialiser le paramètre de titre pour rétablir ses valeurs par défaut.
Réinitialiser une section ou un bloc entiersLorsque vous réinitialisez une section ou un bloc entiers, vous supprimez tous les paramètres de remplacement qui ont été appliqués à cette section ou à ce bloc. Une fois les remplacements supprimés, la section ou le bloc reprend toutes les valeurs de paramètres initialement utilisées dans le contexte Par défaut.Exemple d’utilisation de la flèche aller-retour pour réinitialiser la section de la bannière d’image. Dans cet exemple, si vous cliquez sur l’icône des <b>flèches aller-retour</b>, vous réinitialisez la section de la bannière d’image qui retrouve alors ses valeurs par défaut.
Réinitialiser un modèle ou un groupe de sections completsLorsque vous réinitialisez un modèle, vous supprimez tous les paramètres de remplacement auparavant appliqués aux sections du modèle, y compris les changements apportés à l’ordre des sections.Exemple d’utilisation de la flèche aller-retour pour réinitialiser le modèle. Dans cet exemple, si vous cliquez sur l’icône des <b>flèches aller-retour</b>, vous réinitialisez le modèle qui retrouve alors ses valeurs par défaut.
Vous ne trouvez pas les réponses que vous recherchez ? Nous sommes là pour vous aider.