Comment ajouter un template personnalisé sur Shopify (2026)

Points clés

• Les templates personnalisés vous permettent de donner une mise en page complètement différente à des pages, produits ou collections spécifiques.
• Créez-les dans l’éditeur de code : dossier templates → nouveau fichier (par ex., page.custom.json ou product.feature.json).
• Les templates JSON définissent quelles sections s’affichent sur la page — aucun code HTML requis.
• Assignez un template à une page, un produit ou une collection via le menu déroulant “Modèle de thème” (Theme template) dans l’éditeur.

Une seule mise en page ne convient pas à toutes les pages. Votre page À propos a besoin d’une mise en page différente de celle de votre page Contact. Un produit phare mérite une autre présentation que votre template produit standard. Le système de templates personnalisés de Shopify rend tout cela possible sans avoir à créer plusieurs thèmes.

Comment créer un template personnalisé sur Shopify ?

Les templates personnalisés se trouvent dans le dossier templates/ de votre thème. Chaque template est un fichier JSON qui définit quelles sections s’affichent sur ce type de page.

Convention de nommage :

• page.custom.json — un template de page personnalisé (accessible sous “page.custom” dans le sélecteur de modèle)
• product.feature.json — un template de produit personnalisé
• collection.seasonal.json — un template de collection personnalisé
• article.long-form.json — un template d’article de blog personnalisé

La partie avant le premier point correspond au type de page. La partie qui suit est votre nom personnalisé. Vous pouvez nommer cette partie personnalisée comme vous le souhaitez (pas d’espaces, uniquement des minuscules et des tirets).

Sur le même sujet : Créateur de pages Fudge.

Sur le même sujet : Créer une nouvelle page sur Shopify.

Étape par étape — créer un template de page personnalisé

Étape 1 - Dupliquez votre thème. Boutique en ligne → Thèmes → menu à trois points → Dupliquer.

Étape 2 - Ouvrez l’éditeur de code sur le thème dupliqué. Boutique en ligne → Thèmes → Actions → Modifier le code.

Étape 3 - Naviguez jusqu’au dossier templates/.

Étape 4 - Cliquez sur “Ajouter un nouveau modèle” (le bouton + à côté du dossier, ou cherchez l’option “Add template”).

Étape 5 - Sélectionnez le type de modèle (page, produit, collection, etc.) et donnez-lui un nom (ex., “landing”).

Étape 6 - Shopify crée un nouveau fichier JSON : page.landing.json.

Étape 7 - Le contenu par défaut ressemble à peu près à ceci :

{
  "sections": {
    "main": {
      "type": "main-page",
      "disabled": false,
      "settings": {}
    }
  },
  "order": ["main"]
}

Actuellement, ce template utilise la même section de contenu principal que le template de page standard. Vous pouvez ajouter des sections supplémentaires ici.

Sur le même sujet : Ajouter des blocs à une section Shopify.

Ajouter des sections à votre template personnalisé

Pour ajouter une section d’image hero à votre template de landing page :

{
  "sections": {
    "hero": {
      "type": "image-banner",
      "settings": {
        "image_height": "large",
        "show_text_below": false
      }
    },
    "main": {
      "type": "main-page",
      "settings": {}
    },
    "testimonials": {
      "type": "testimonials",
      "settings": {
        "title": "What our customers say"
      }
    }
  },
  "order": ["hero", "main", "testimonials"]
}

Important : La valeur "type" doit correspondre exactement à un vrai nom de fichier de section présent dans votre dossier sections/ (sans l’extension .liquid). Utilisez les noms de manière stricte.

Le tableau "order" contrôle l’ordre dans lequel les sections apparaissent sur la page.

Sur le même sujet : Créer une section personnalisée sur Shopify.

Comment assigner un template à une page ?

Pour les pages :

1. Allez dans Boutique en ligne → Pages → sélectionnez la page
2. Regardez dans la barre latérale droite — trouvez “Modèle de thème”
3. Sélectionnez votre nouveau template dans le menu déroulant (ex., “page.landing”)
4. Enregistrez

Pour les produits :

1. Produits → sélectionnez le produit
2. Barre latérale droite → “Modèle de thème”
3. Sélectionnez votre template (ex., “product.feature”)
4. Enregistrez

Pour les collections :

1. Produits → Collections → sélectionnez la collection
2. Barre latérale droite → “Modèle de thème”
3. Sélectionnez votre template

Le menu déroulant des templates affiche uniquement les templates qui correspondent au type de contenu actuel — templates de page pour les pages, templates de produit pour les produits, etc.

Modifier le contenu du template dans l’éditeur de thème

Une fois qu’un template personnalisé est assigné à une page, vous pouvez le modifier dans l’Éditeur de thème :

1. Boutique en ligne → Thèmes → Personnaliser
2. Utilisez le sélecteur de page en haut pour naviguer vers la page utilisant votre template personnalisé
3. Les sections définies dans votre template JSON apparaissent dans la barre latérale de gauche
4. Modifiez les paramètres des sections, ajoutez de nouvelles sections (dans la portée du template) et réorganisez-les selon vos besoins

Les modifications effectuées dans l’Éditeur de thème mettent à jour le fichier template JSON de manière automatique.

Comment uploader un template ?

Vous ne pouvez pas importer directement un fichier de template pré-construit (upload) via l’interface d’administration de Shopify. À la place :

• Créez des templates en ajoutant de nouveaux fichiers JSON dans l’éditeur de code (comme expliqué plus haut)
• Copiez des templates depuis un autre thème en copiant le contenu JSON de l’éditeur de code d’un thème pour le coller dans un nouveau fichier au sein de l’éditeur de code de votre thème
• Importez via la CLI Shopify (pour les développeurs) — cela permet de pousser des fichiers de thème incluant des templates depuis une machine locale

Pour les marchands, la création de templates via l’éditeur de code reste l’approche standard et la plus simple.

Cas d’usage courants pour les templates personnalisés

Modèle de landing page. Pas de navigation dans le header, pas de footer, hero en pleine largeur, un seul CTA. À assigner aux pages de campagnes venant de publicités.

Modèle de produit phare. Page produit plus immersive avec une section vidéo dédiée, plus de détails sur les ingrédients/matériaux, et un tableau comparatif. À assigner aux produits phares.

Page d’histoire de la marque. Grande typographie, images en pleine largeur, section équipe. À assigner à la page À propos.

Page de vente en gros. Affichage différent des prix, section formulaire, contenu spécifique B2B. À assigner aux pages de vente en gros masquées.

FAQ

Sur le même sujet : Personnaliser votre page produit Shopify.