Modèles

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

Votre thème contient des modèles pour différents types de contenu. Ces types de modèles contiennent des sections et des blocs qui extraient le contenu de manière dynamique de la zone correspondante de votre interface administrateur Shopify. Par exemple, le modèle de page de produit de votre thème crée une page pour chaque produit publié sur votre boutique en ligne dans la section Produits de votre interface administrateur Shopify.

Lorsque vous modifiez un modèle, vos modifications s’appliquent à toutes les pages qui utilisent ce modèle. Par exemple, si vous ajoutez un formulaire d’inscription à la newsletter à un modèle de collections, toutes vos pages de collection qui utilisent le modèle de collections par défaut afficheront le formulaire d’inscription à la newsletter.

Vous pouvez accéder à tous les modèles de votre thème à partir du sélecteur de page dans la barre de menu de l’éditeur de thème.

Modèles par défaut

Chaque modèle par défaut possède ses propres sections et paramètres par défaut que vous pouvez modifier et personnaliser dans l’éditeur de thème. Par exemple, les pages de produit comportent par défaut une section Informations sur le produit et une section Produits connexes. Les paramètres de personnalisation spécifiques à chaque thème dépendent du développeur et de la version de votre thème. En savoir plus sur la recherche de la version de votre thème.

Les modèles sont disponibles par défaut dans votre thème.

Produits

Les pages de produit de votre thème affichent des informations sur les produits que vous vendez dans votre boutique et constituent l’endroit où vos clients peuvent les acheter.

Par défaut, les pages de produit comportent une section Informations sur le produit et une section Produits connexes dans l’éditeur de thème.

La section Informations sur le produit affiche les détails de vos produits, tels que le titre, la description, le prix et les images. Vous pouvez gérer vos produits à partir de la page Produits de votre interface administrateur Shopify.

Collections

Les pages de collection de votre thème affichent les collections que vous créez à la page Produits > Collections de votre interface administrateur Shopify. produits spécifiques regroupés par catégories. Vous pouvez avoir des collections intelligentes et des collections manuelles.

Par défaut, les pages de collection comportent une section Bannière de collection et une section Grille de produits dans l’éditeur de thème.

Liste de collections

La page de la liste de collections affiche toutes vos collections disponibles sur le canal de vente Boutique en ligne. Par exemple, si vous avez une bijouterie, vous pouvez ajouter un lien vers la page de votre liste de collections dans votre menu pour que les clients puissent parcourir les bijoux par type, comme des bagues ou des colliers. Vous devrez créer des collections pour chaque catégorie.

Carte-cadeau

Lorsque vous créez une carte-cadeau ou qu’un client commande un produit de type carte-cadeau, les détails de cette carte-cadeau sont inclus sur la page de la carte-cadeau, tels que la valeur ou le solde de la carte-cadeau et son code d’utilisation.

La page de la carte-cadeau fait partie de votre thème. Vous pouvez personnaliser votre thème pour ajouter ou ajuster le style et les informations figurant sur la page de la carte-cadeau.

La valeur de la carte-cadeau et son code d’utilisation ne peuvent pas être personnalisés.

Pages

Vous pouvez créer des pages personnalisées dans votre interface administrateur Shopify pour créer du contenu pour vos clients, par exemple une page À propos, ou pour fournir des informations supplémentaires sur vos produits.

Page du panier

La page du panier de votre boutique en ligne est l’endroit où vos clients peuvent examiner les articles qu’ils ont ajoutés à leur panier.

Par défaut, la page du panier comporte une section Articles et une section Sous-total dans l’éditeur de thème.

Blogs

Les pages de blog de votre boutique en ligne sont la page d’accueil des blogs que vous créez dans votre interface administrateur Shopify et contiennent tous les articles de blog publiés dans ce blog.

Par défaut, les pages de blog contiennent une section Articles de blog dans l’éditeur de thème.

Articles de blog

Les pages d’articles de blog de votre boutique en ligne affichent le contenu des articles de blog que vous créez à la page Contenu > Articles de blog de votre interface administrateur Shopify. Par défaut, les pages d’articles de blog contiennent une section Article de blog dans l’éditeur de thème.

Page de recherche

La page de recherche est l’endroit où les clients peuvent rechercher et trouver des produits, des pages ou des articles de blog spécifiques dans votre boutique en ligne.

Par défaut, la page de recherche contient une section Résultats de recherche dans l’éditeur de thème.

En plus des paramètres de la section Résultats de recherche, vous pouvez également afficher et personnaliser certains des paramètres du thème pour le comportement de la recherche, et vous pouvez ajouter votre propre CSS personnalisé spécifique à la section.

Page de mot de passe

Vous pouvez protéger votre boutique par mot de passe sur la page Boutique en ligne > Préférences de votre interface administrateur Shopify. Si votre boutique est protégée par un mot de passe, la page de mot de passe s’affiche pour les visiteurs de votre boutique en ligne. Le modèle de page de mot de passe possède un en-tête et un pied de page uniques. Vous pouvez personnaliser le modèle de page de mot de passe à partir de l’éditeur de thème.

Page 404

La page 404 s’affiche lorsqu’un client essaie de consulter un lien vers votre site qui n’existe pas, par exemple la page d’un produit que vous avez supprimé de votre boutique.

Cette page n’a pas de paramètres personnalisables, mais vous pouvez ajouter votre propre CSS personnalisé spécifique à la section à votre page 404 dans l’éditeur de thème.

Modifier vos modèles

Vous pouvez modifier vos modèles pour ajouter des sections à votre boutique en ligne. Certaines sections contiennent des blocs qui peuvent être personnalisés davantage, mais toutes les sections ou tous les blocs n’ont pas de paramètres ou de contenu modifiables. Lorsque vous modifiez vos modèles, vos modifications s’affichent en temps réel dans l’aperçu de l’éditeur de thème.

Étapes :

Considérations sur la création d’un nouveau modèle

Avant de créer un nouveau modèle, tenez compte des considérations suivantes :

• Vous pouvez avoir plusieurs modèles pour vos produits, collections, pages, blogs et articles de blog, mais vous ne pouvez avoir qu’un total de 1 000 modèles.
• Vous ne pouvez créer un nouveau modèle qu’avec un thème compatible.
• Tous les thèmes ont un modèle par défaut pour les collections, les produits, les blogs, les articles de blog et les pages. C’est avec ces modèles par défaut que les ressources et le contenu de votre boutique s’affichent, à moins que vous ne créiez d’autres modèles.
• Toute modification apportée à un modèle a une incidence sur toutes les pages qui l’utilisent. Si vous souhaitez afficher différemment certaines pages d’un type particulier, vous pouvez créer un nouveau modèle à partir d’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 est automatiquement rempli avec les mêmes sections que le modèle de base. Vous pouvez ensuite supprimer, ajouter ou masquer des sections et modifier leur contenu selon vos besoins, sans que cela n’ait d’incidence sur l’affichage des pages qui utilisent le modèle de base.

Création d’un nouveau modèle

Après avoir créé un nouveau modèle, vous pouvez appliquer le modèle à la page de votre boutique en ligne sur laquelle vous souhaitez l’utiliser.

Création d’un modèle pour les métaobjets

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

1. Créez une définition de métaobjet avec l’accès à la boutique en ligne et, facultativement, activez manuellement la fonctionnalité Pages web. Lorsque vous créez un modèle de thème, l’éditeur de thème active la fonctionnalité Pages web.
2. Créez des entrées pour la définition du métaobjet.

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

Aperçu des modèles

Vous pouvez utiliser les aperçus de modèles pour prévisualiser la manière dont les ressources de votre boutique en ligne, telles que les produits et les pages, s’affichent pour vos clients lorsqu’un modèle différent est appliqué.

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

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

Tenez compte des détails suivants lors de l’aperçu des modèles pour les différentes ressources de votre boutique en ligne :

• Lorsque vous prévisualisez un modèle de produits dans l’éditeur de thème, vous pouvez utiliser des produits dont le statut est Actif ou Brouillon, mais vous ne pouvez pas prévisualiser un produit dont le statut est Archivé.
• Lorsque vous prévisualisez un modèle de collections dans l’éditeur de thème, vous devez vous assurer que la Boutique en ligne est activée en tant que canal de vente pour la collection. 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 les modèles de collections dans l’éditeur de thème.
• Lorsque vous prévisualisez un modèle de pages dans l’éditeur de thème, vous pouvez utiliser des pages dont la visibilité est définie sur 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 sur Visible ou Masqué.

Les blogs n’ont pas de statut ou de paramètres de visibilité différents. Vous pouvez donc utiliser un modèle de blogs pour obtenir l’aperçu de n’importe quel blog publié dans votre boutique en ligne.

Prévisualiser un autre modèle

Vous pouvez prévisualiser la manière dont vos produits, collections, pages, blogs ou articles de blog s’affichent lorsqu’un modèle différent leur est appliqué.

Étapes :

Prévisualisation de ressources spécifiques

Vous pouvez prévisualiser la façon dont votre modèle s’affiche avec n’importe quelle ressource compatible dans votre boutique. Par exemple, si vous consultez un modèle de produit, vous pouvez le tester avec n’importe quel produit de votre boutique.

Vous devez quand même attribuer le modèle à la ressource dans l’interface administrateur Shopify.

Vous pouvez également rechercher des modèles et des ressources à l’aide de la barre de recherche dans le sélecteur de page, dans l’outil Ajouter une section ou Ajouter un bloc, ou dans Intégrations d’applications.

Étapes :

1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

2. À côté du thème que vous souhaitez modifier, cliquez sur Modifier le thème.

3. Dans le menu des modèles, sélectionnez le modèle que vous souhaitez prévisualiser.

4. Dans le menu de la barre latérale, à la section Aperçu, cliquez sur Modifier.

5. Dans le menu Sélectionner, sélectionnez la ressource que vous souhaitez prévisualiser.

Application d’un nouveau modèle

Vous pouvez modifier un modèle attribué pour les sections suivantes dans un thème publié :

• pages
• produits
• collections
• blogs
• articles de blog

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

Les modèles pour les produits et les collections peuvent être attribués à un article individuel ou à plusieurs articles à la fois à l’aide de l’éditeur en bloc.

Application d’un nouveau modèle à une page

Application d’un nouveau modèle à un produit

Application d’un nouveau modèle à une collection

1. Depuis votre interface administrateur Shopify, accédez à Produits > Collections.

2. Cliquez sur la collection à laquelle vous souhaitez appliquer un modèle.

3. 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 collection.

4. Cliquez sur Enregistrer.

Application d’un nouveau modèle à un blog

Application d’un nouveau modèle à un article de blog

Application en bloc d’un nouveau modèle à des produits ou des collections

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

Application en bloc d’un nouveau modèle à des produits

1. Depuis votre interface administrateur Shopify, accédez à Produits.

2. Pour modifier plusieurs produits en même temps, effectuez l’une des opérations suivantes :

   • Pour sélectionner les produits un par un, cochez la case de chaque produit.
   • Pour sélectionner une série de produits, cliquez pour en sélectionner un, puis maintenez la touche Maj enfoncée et cliquez sur un autre produit. Cela sélectionne le premier et le dernier produits sur lesquels vous avez cliqué, ainsi que tous les produits situés entre les deux.
   • Pour sélectionner tous les produits d’une page, cochez la case située en haut de la liste de produits.
   • Pour sélectionner tous les produits de votre boutique, cochez la case en haut de la liste de produits, puis cliquez sur Tout sélectionner dans cette boutique.

3. Cliquez sur Éditeur en bloc.

4. Dans l’éditeur en bloc, cliquez sur le menu déroulant Colonnes, puis, dans la section Général, sélectionnez Modèle.

5. Cliquez sur le premier champ de la colonne Modèle, puis maintenez la touche Maj enfoncée et cliquez sur le dernier champ de la colonne Modèle. Une zone de surbrillance bleue s’affiche autour des articles que vous avez sélectionnés.

6. Cliquez sur le premier champ que vous avez sélectionné, puis sélectionnez le modèle de votre choix dans le menu déroulant et cliquez sur Enregistrer.

Application d’un nouveau modèle aux collections en bloc

1. Depuis votre interface administrateur Shopify, accédez à Produits > Collections.

2. 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, cochez la case de chaque collection.
   • Pour sélectionner une série de collections, cliquez pour en sélectionner une, puis maintenez la touche Maj enfoncée et cliquez sur une autre collection. Cette action sélectionne la première et la dernière collection sur lesquelles vous avez cliqué, ainsi que toutes les collections situées entre les deux.
   • Pour sélectionner toutes les collections d’une page, cochez la case située en haut de la liste des collections.
   • Pour sélectionner toutes les collections de votre boutique, cochez la case située en haut de la liste des collections, puis cliquez sur Sélectionner toutes les collections de cette boutique.

3. Cliquez sur Éditeur en bloc.

4. Dans l’éditeur en bloc, cliquez sur le menu déroulant Colonnes, puis, dans la section Général, sélectionnez Modèle.

5. Cliquez sur le premier champ de la colonne Modèle, puis maintenez la touche Maj enfoncée et cliquez sur le dernier champ de la colonne Modèle. Une zone de surbrillance bleue s’affiche autour des articles que vous avez sélectionnés.

6. Cliquez sur le premier champ que vous avez sélectionné, puis sélectionnez le modèle de votre choix dans le menu déroulant et cliquez sur Enregistrer.

Gestion de vos modèles

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

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

Renommer un modèle

1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

2. Recherchez le thème contenant le modèle que vous souhaitez renommer, puis cliquez sur … > Modifier le code.

3. Dans l’éditeur de code, recherchez le dossier templates.

4. Faites un clic droit sur le fichier de modèle que vous souhaitez renommer, puis sélectionnez Renommer… dans le menu déroulant.

5. Saisissez un nouveau nom pour le fichier.

6. Appuyez sur la touche Entrée de votre clavier.

Supprimer un modèle

1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

2. Recherchez le thème dont vous voulez supprimer un modèle, puis cliquez sur … > Modifier le code.

3. Dans l’éditeur de code, recherchez le dossier templates.

4. Faites un clic droit sur le fichier de modèle que vous souhaitez supprimer, puis sélectionnez Supprimer définitivement dans le menu déroulant.

5. Cliquez sur Supprimer.