Modèles

Les modèles sont un groupe de sections qui sont configurés pour donner à votre boutique en ligne une conception et une impression cohérentes. Les sections disponibles dans vos modèles dépendent de votre thème. Dans l’éditeur de thème, vous pouvez trouver quels modèles sont appliqués à quelles pages, puis modifier les modèles pour personnaliser les informations affichées pour vos clients.

Lorsque vous modifiez un modèle, vos modifications s’appliquent à chaque page utilisant le modèle. Par exemple, si vous ajoutez un formulaire d’inscription à la newsletter dans un modèle de collection, toutes vos pages de collections utilisant le modèle de collection par défaut affichent le formulaire d’inscription à la newsletter.

Sur cette page

Modifier vos modèles

Vous pouvez modifier vos modèles de manière à ajouter des sections à votre boutique en ligne. Il est possible de personnaliser davantage les blocs ajoutés à certaines sections, mais le contenu ou les paramètres ne sont pas nécessairement modifiables pour tous les blocs et sections. Lorsque vous modifiez vos modèles, vos changements s’affichent en temps réel dans l’aperçu de l’éditeur de thème.

Étapes

Bureau

Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
Cliquez sur le menu déroulant de la page d’accueil, puis sélectionnez le modèle que vous souhaitez modifier.
Pour ajouter une nouvelle section au modèle, cliquez sur Ajouter une section, puis sélectionnez une nouvelle section pour votre modèle.
Facultatif : pour ajouter un bloc à votre nouvelle section, cliquez sur Ajouter un bloc, puis sélectionnez-en un nouveau.
Cliquez sur la nouvelle section et les nouveaux blocs pour afficher leurs paramètres et options, puis effectuez vos modifications.
Cliquez sur Enregistrer.

iPhone

Dans l’application Shopify, appuyez sur le bouton …
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Gérer tous les thèmes.
Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
Appuyez sur le menu déroulant Page d’accueil, puis sélectionnez le modèle que vous souhaitez modifier.
Pour ajouter une nouvelle section au modèle, appuyez sur Sections > Ajouter une section, sélectionnez une nouvelle section pour votre modèle, puis appuyez sur Ajouter.
Facultatif : pour ajouter un bloc à votre nouvelle section, appuyez sur Ajouter un bloc, et sélectionnez un nouveau bloc pour votre section.
Appuyez sur la nouvelle section et les blocs pour afficher leurs paramètres et options, puis effectuez vos modifications.
Appuyez sur Enregistrer.

Android

Dans l’application Shopify, appuyez sur le bouton ☰.
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Gérer tous les thèmes.
Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
Appuyez sur le menu déroulant Page d’accueil, puis sélectionnez le modèle que vous souhaitez modifier.
Pour ajouter une nouvelle section au modèle, appuyez sur Sections > Ajouter une section, sélectionnez une nouvelle section pour votre modèle, puis appuyez sur Ajouter.
Facultatif : pour ajouter un bloc à votre nouvelle section, appuyez sur Ajouter un bloc, et sélectionnez un nouveau bloc pour votre section.
Appuyez sur la nouvelle section et les blocs pour afficher leurs paramètres et options, puis effectuez vos modifications.
Appuyez sur ✓.

Considérations pour créer un nouveau modèle

Avant de créer un nouveau modèle, prenez en compte les considérations suivantes :

Vous pouvez disposer de plusieurs modèles pour vos produits, collections, pages, blogs et articles de blog, mais vous pouvez avoir uniquement 1 000 modèles au total.
Vous pouvez créer un nouveau modèle uniquement avec un thème Online Store 2.0.
Tous les thèmes contiennent un modèle par défaut pour les collections, produits, blogs, articles de blog et pages. Ces modèles par défaut s’affichent avec les ressources et le contenu de votre boutique, sauf si vous créez des modèles alternatifs.
Toutes les modifications apportées à un modèle entraînent des changements sur toutes les pages utilisant ce modèle. Si vous souhaitez afficher différemment certaines pages d’un type précis, vous pouvez créer un nouveau modèle basé sur un modèle existant dans votre thème.
Lorsque vous créez un nouveau modèle à partir d’un modèle existant, votre nouveau modèle remplit automatiquement les mêmes sections que votre modèle existant. Vous pouvez ensuite supprimer, ajouter ou masquer des sections, et modifier leur contenu si nécessaire, sans affecter l’affichage des pages qui utilisent le modèle existant.

Créer un nouveau modèle

Bureau

Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
Cliquez sur le menu déroulant de la page d’accueil, sélectionnez un type de modèle, puis cliquez sur Créer un modèle.
Dans la boîte de dialogue Créer un modèle, procédez comme suit :
- Dans le champ Nom, saisissez un nom unique pour votre nouveau modèle.
- Dans le menu déroulant Basé sur, sélectionnez le modèle existant sur lequel vous souhaitez baser votre nouveau modèle.
Cliquez sur Create template (Créer le modèle).

iPhone

Dans l’application Shopify, appuyez sur le bouton …
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Gérer tous les thèmes.
Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
Appuyez sur le menu déroulant Page d’accueil, sélectionnez un type de modèle, puis appuyez sur Créer un modèle.
Dans la boîte de dialogue Créer un modèle, procédez comme suit :
- Dans le champ Nom, saisissez un nom unique pour votre nouveau modèle.
- Dans le menu déroulant Basé sur, sélectionnez le modèle existant sur lequel vous souhaitez baser votre nouveau modèle.
Appuyez sur Créer un modèle.

Android

Dans l’application Shopify, appuyez sur le bouton ☰.
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Gérer tous les thèmes.
Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
Appuyez sur le menu déroulant Page d’accueil, sélectionnez un type de modèle, puis appuyez sur Créer un modèle.
Dans la boîte de dialogue Créer un modèle, procédez comme suit :
- Dans le champ Nom, saisissez un nom unique pour votre nouveau modèle.
- Dans le menu déroulant Basé sur, sélectionnez le modèle existant sur lequel vous souhaitez baser votre nouveau modèle.
Appuyez sur Créer un modèle.

Une fois créé, vous pouvez appliquer le modèle à la page de boutique en ligne concernée.

Créer un modèle pour les métaobjets

Vous pouvez créer un modèle pour une page web pour les métaobjets. Pour utiliser cette fonction, procédez comme suit :

Créez une définition de métaobjet avec Accès à la boutique en ligne et, si vous le souhaitez, activez la fonctionnalité de pages Web manuellement. Lorsque vous créez un modèle de thème, l’éditeur de thème active la fonctionnalité de pages Web.
Créez des entrées pour la définition de métaobjet.

Vous pouvez maintenant créer un modèle métaobjet dans l’éditeur de thème.

Aperçu des modèles

Lorsqu’un modèle différent est appliqué, vous pouvez utiliser les aperçus de modèles pour visualiser l’affichage des ressources de votre boutique en ligne, telles que les produits et les pages, pour vos clients.

Les modèles sont attribués à un niveau de produit, de collection, de page, de blog ou d’article de blog. Vous créez et modifiez des modèles dans l’éditeur de thème, mais vous modifiez le modèle attribué à une ressource dans votre interface administrateur Shopify.

Considérations concernant l’aperçu des modèles

Tenez compte des détails suivants lorsque vous prévisualisez des modèles pour les différentes ressources de votre boutique en ligne :

Lorsque vous prévisualisez un modèle de produit dans l’éditeur de thème, vous pouvez utiliser des produits dont le statut est Actif ou Brouillon. Cependant, il est impossible de prévisualiser un produit dont le statut est Archivé.
Lorsque vous prévisualisez un modèle de collection dans l’éditeur de thème, vous devez vous assurer que la collection comporte Boutique en ligne activée en tant que canal de vente. Si la boutique en ligne n’est pas activée en tant que canal de vente pour une collection, vous ne pouvez pas prévisualiser cette collection avec des modèles de collections dans l’éditeur de thème.
Lorsque vous prévisualisez un modèle de page dans l’éditeur de thème, vous pouvez utiliser des pages dont la visibilité est définie comme visible ou masquée.
Lorsque vous prévisualisez un modèle d’articles de blog dans l’éditeur de thème, vous pouvez utiliser des articles de blog dont la visibilité est définie comme Visible ou Masqué.

Les blogs ne présentent aucun statut ou paramètre de visibilité différent. Vous pouvez donc utiliser un modèle de blog pour afficher un aperçu de tous les blogs publiés dans votre boutique en ligne.

Afficher l'aperçu d’un autre modèle

Vous pouvez prévisualiser l’affichage de vos produits, collections, pages, blogs ou articles de blog avec un modèle différent appliqué.

Étapes

Bureau

Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème avec lequel vous souhaitez afficher un modèle, puis cliquez sur Personnaliser.
Appuyez sur le menu déroulant Page d’accueil, puis sélectionnez le modèle que vous souhaitez utiliser.
Dans la section Aperçu de la barre latérale de l’éditeur de thème, cliquez sur Changer.
Cliquez sur la ressource que vous souhaitez prévisualiser avec le modèle sélectionné.

iPhone

Dans l’application Shopify, appuyez sur le bouton …
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Gérer tous les thèmes.
Recherchez le thème avec lequel vous souhaitez prévisualiser un modèle, puis appuyez sur Personnaliser.
Appuyez sur le menu déroulant Page d’accueil, puis sélectionnez le modèle que vous souhaitez utiliser.
Pour sélectionner une ressource à prévisualiser avec le modèle, appuyez à nouveau sur le menu déroulant.
Dans le champ Recherche de la boutique en ligne, saisissez le nom de la ressource que vous souhaitez prévisualiser avec le modèle sélectionné.
Sélectionnez votre ressource dans la liste des résultats de recherche.

Android

Dans l’application Shopify, appuyez sur le bouton ☰.
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Gérer tous les thèmes.
Recherchez le thème avec lequel vous souhaitez prévisualiser un modèle, puis appuyez sur Personnaliser.
Appuyez sur le menu déroulant Page d’accueil, puis sélectionnez le modèle que vous souhaitez utiliser.
Pour sélectionner une ressource à prévisualiser avec le modèle, appuyez à nouveau sur le menu déroulant.
Dans le champ Recherche de la boutique en ligne, saisissez le nom de la ressource que vous souhaitez prévisualiser avec le modèle sélectionné.
Sélectionnez votre ressource dans la liste des résultats de recherche.

Appliquer un nouveau modèle

Vous pouvez changer un modèle attribué pour les sections suivantes d’un thème publié :

pages
produits
collections
blogs
articles de blog

Vous modifiez un modèle attribué à votre interface administrateur Shopify. Les options de modèle qui s’affichent sont basées sur les modèles disponibles uniquement dans votre thème en ligne actuel.

Les modèles pour les produits et les collections peuvent être attribués au niveau d’un article individuel ou à plusieurs articles en même temps à l’aide de l’Éditeur en bloc.

Appliquer un nouveau modèle à une page

Bureau

Dans votre interface administrateur Shopify, allez à Boutique en ligne > Pages.
Cliquez sur la page à laquelle vous souhaitez appliquer un nouveau modèle.
Dans la section Boutique en ligne, cliquez sur le menu déroulant du modèle de thème, puis sélectionnez le modèle que vous souhaitez appliquer à votre page.
Cliquez sur Enregistrer.

iPhone

Dans l’application Shopify, appuyez sur le bouton …
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Pages.
Appuyez sur la page à laquelle vous souhaitez appliquer un nouveau modèle.
Dans la section Boutique en ligne, appuyez sur le menu déroulant Modèle de thème, puis sélectionnez le modèle que vous souhaitez appliquer à votre page.
Appuyez sur Enregistrer.

Android

Dans l’application Shopify, appuyez sur le bouton ☰.
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Pages.
Appuyez sur la page à laquelle vous souhaitez appliquer un nouveau modèle.
Dans la section Boutique en ligne, appuyez sur le menu déroulant Modèle de thème, puis sélectionnez le modèle que vous souhaitez appliquer à votre page.
Appuyez sur Enregistrer.

Appliquer un nouveau modèle à un produit

Bureau

Depuis votre interface administrateur Shopify, allez à Produits.
Cliquez sur un produit auquel vous souhaitez appliquer un nouveau modèle.
Dans la section Modèle de thème, cliquez sur le menu déroulant, puis sélectionnez le modèle que vous souhaitez appliquer à votre produit.
Cliquez sur Enregistrer.

iPhone

Dans l'application Shopify, appuyez sur produits > tous les produits.
Appuyez sur un produit auquel vous souhaitez appliquer un nouveau modèle.
Appuyez sur le modèle de la boutique en ligne.
Sélectionnez le modèle que vous souhaitez appliquer à votre produit.
Appuyez sur Enregistrer.

Android

Dans l'application Shopify, appuyez sur produits > tous les produits.
Appuyez sur un produit auquel vous souhaitez appliquer un nouveau modèle.
Appuyez sur le modèle de la boutique en ligne.
Sélectionnez le modèle que vous souhaitez appliquer à votre produit.
Appuyez sur ✓.

Appliquer un nouveau modèle à une collection

Dans votre interface administrateur Shopify, accédez à Produits > Collections.
Cliquez sur une collection à laquelle vous souhaitez appliquer un modèle.
Dans la section Modèle de thème, cliquez sur le menu déroulant et sélectionnez le modèle que vous souhaitez appliquer à votre collection.
Cliquez sur Enregistrer.

Appliquer un nouveau modèle à un blog

Bureau

Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > articles de blog.
Cliquez sur Gérer les blogs.
Cliquez sur un blog auquel vous souhaitez appliquer un modèle.
Dans la section Boutique en ligne, cliquez sur le menu déroulant Modèle de thème, puis sélectionnez le modèle que vous souhaitez appliquer à votre blog.
Cliquez sur Enregistrer.

iPhone

Dans l’application Shopify, appuyez sur le bouton …
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Articles de blog.
Appuyez sur ... > Gérer les blogs.
Appuyez sur un blog auquel vous souhaitez appliquer un modèle.
Dans la section Boutique en ligne, appuyez sur le menu déroulant Modèle de thème, puis sélectionnez le modèle que vous souhaitez appliquer à votre blog.
Appuyez sur Enregistrer.

Android

Dans l’application Shopify, appuyez sur le bouton ☰.
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Articles de blog.
Appuyez sur ... > Gérer les blogs.
Appuyez sur un blog auquel vous souhaitez appliquer un modèle.
Dans la section Boutique en ligne, appuyez sur le menu déroulant Modèle de thème, puis sélectionnez le modèle que vous souhaitez appliquer à votre blog.
Appuyez sur Enregistrer.

Appliquer un nouveau modèle à un article de blog

Bureau

Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > articles de blog.
Cliquez sur un article de blog auquel vous souhaitez appliquer un modèle.
Dans la section Boutique en ligne, cliquez sur le menu déroulant Modèle de thème, puis sélectionnez le modèle que vous souhaitez appliquer à votre blog.
Cliquez sur Enregistrer.

iPhone

Dans l’application Shopify, appuyez sur le bouton …
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Articles de blog.
Appuyez sur un article de blog auquel vous souhaitez appliquer un modèle.
Dans la section boutique en ligne, appuyez sur le menu déroulant Modèle de thème, puis sélectionnez le modèle que vous souhaitez appliquer à votre article de blog.
Appuyez sur Enregistrer.

Android

Dans l’application Shopify, appuyez sur le bouton ☰.
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Articles de blog.
Appuyez sur un article de blog auquel vous souhaitez appliquer un modèle.
Dans la section boutique en ligne, appuyez sur le menu déroulant Modèle de thème, puis sélectionnez le modèle que vous souhaitez appliquer à votre article de blog.
Appuyez sur Enregistrer.

Appliquer un nouveau modèle aux produits ou aux collections en bloc

Vous pouvez utiliser l’éditeur en bloc pour appliquer un nouveau modèle à plusieurs produits ou collections en bloc.

Appliquer un nouveau modèle aux produits en bloc

Depuis votre interface administrateur Shopify, allez à Produits.
Pour modifier plusieurs produits en même temps, procédez de l’une des manières suivantes :
- Pour sélectionner les produits un par un, cliquez sur la case à cocher de chaque produit.
- Pour sélectionner une série de produits, cliquez pour sélectionner un produit, puis maintenez la touche Maj et cliquez sur un autre produit. Ceci permet de sélectionner le premier et le dernier produit sur lesquels vous avez cliqué, ainsi que tous les produits intermédiaires.
- Pour sélectionner tous les produits d’une page, cliquez sur la case à cocher située en haut de la liste de produits.
- Pour sélectionner tous les produits de votre boutique, cliquez sur la case à cocher située en haut de la liste de produits, puis cliquez sur Tout sélectionner dans cette boutique.
Cliquez sur Modifier en bloc.
Dans l’éditeur en bloc, cliquez sur le menu déroulant Colonnes, puis, dans la section Général, sélectionnez Modèle.
Cliquez sur le premier champ de la colonne Modèle, maintenez la touche Maj, puis cliquez sur le dernier champ de la colonne Modèle. Une ombre bleue s’affiche autour des éléments que vous avez sélectionnés.
Cliquez sur le premier champ que vous avez sélectionné, puis sélectionnez le modèle que vous souhaitez dans le menu déroulant, puis cliquez sur Enregistrer.

Appliquer un nouveau modèle aux collections en bloc

Dans votre interface administrateur Shopify, accédez à Produits > Collections.
Pour modifier plusieurs collections en même temps, procédez de l’une des manières suivantes :
- Pour sélectionner les collections une par une, cliquez sur la case à cocher de chaque collection.
- Pour sélectionner une série de collections, cliquez pour sélectionner une collection, puis maintenez la touche Maj et cliquez sur une autre collection. Ceci permet de sélectionner la première et la dernière collection sur lesquelles vous avez cliqué, ainsi que toutes les collections intermédiaires.
- Pour sélectionner toutes les collections d’une page, cliquez sur la case à cocher située en haut de la liste des collections.
- Pour sélectionner toutes les collections de votre boutique, cliquez sur la case à cocher située en haut de la liste des collections, puis sur Tout sélectionner dans cette boutique.
Cliquez sur Modifier en bloc.
Dans l’éditeur en bloc, cliquez sur le menu déroulant Colonnes, puis, dans la section Général, sélectionnez Modèle.
Cliquez sur le premier champ de la colonne Modèle, maintenez la touche Maj, puis cliquez sur le dernier champ de la colonne Modèle. Une ombre bleue s’affiche autour des éléments que vous avez sélectionnés.
Cliquez sur le premier champ que vous avez sélectionné, puis sélectionnez le modèle que vous souhaitez dans le menu déroulant, puis cliquez sur Enregistrer.

Gestion de vos modèles

Pour renommer ou supprimer votre modèle, vous devez utiliser l’éditeur de code. La modification d’un fichier de modèle peut entraîner des problèmes pour votre boutique en ligne.

Lorsque vous supprimez un modèle, toutes les ressources de la boutique en ligne auxquelles le modèle a été affecté s’affichent avec le modèle par défaut jusqu’à ce que vous en attribuiez un autre.

Renommer un modèle

Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème avec le modèle que vous souhaitez renommer, puis cliquez sur … > Modifier le code.
Dans l’éditeur de code, recherchez le dossier des modèles.
Cliquez sur le nom du modèle que vous souhaitez renommer, puis sur l’icône en forme de crayon.
Dans la boîte de dialogue Renommer le fichier, saisissez un nouveau nom de modèle dans le champ Nom du fichier.
Cliquez sur Renommer le fichier.

Supprimer un modèle

Dans votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes
Recherchez le thème dont vous souhaitez supprimer un modèle, puis cliquez sur ... > Modifier le code.
Dans l’éditeur de code, recherchez le dossier des modèles.
Cliquez sur le nom du modèle que vous souhaitez supprimer, puis sur l’icône de la corbeille.
Dans la boîte de dialogue, cliquez sur Supprimer les fichiers.