Comment ajouter un template personnalisé sur Shopify (2026)

Points clés

• Les templates personnalisés te permettent de donner une mise en page complètement différente à des pages, produits ou collections spécifiques.
• Crée-les dans l’Éditeur de thème (menu déroulant des templates → Créer un modèle) ou 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 apparaissent sur la page — pas besoin de HTML.
• Assigne un template à une page, un produit ou une collection via le menu déroulant “Modèle de thème” dans l’éditeur.

Pour ajouter un template personnalisé sur Shopify, ouvre l’Éditeur de thème, choisis le type de page dans le menu déroulant en haut et clique sur Créer un modèle. Pour un contrôle total, ajoute un nouveau fichier JSON dans le dossier templates/ de l’éditeur de code. Dans tous les cas, des pages, produits ou collections spécifiques obtiennent leur propre mise en page sans avoir besoin d’un thème séparé.

Comment créer un template personnalisé sur Shopify ?

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

Convention de nommage :

• page.custom.json — un template de page personnalisé (accessible en tant que “page.custom” dans le sélecteur de templates)
• 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 point est le type de page. La partie après est ton nom personnalisé. Nomme la partie personnalisée en minuscules, avec des tirets au lieu d’espaces.

Pour la page elle-même, consulte Créer une nouvelle page sur Shopify.

Créer un template dans l’Éditeur de thème (sans code)

Chaque thème Online Store 2.0 permet de créer un template sans utiliser l’éditeur de code.

Étape 1 - Va dans Boutique en ligne → Thèmes → Personnaliser.

Étape 2 - Ouvre le menu déroulant des templates en haut de l’éditeur et choisis le type de page (par exemple, Pages ou Produits).

Étape 3 - Clique sur Créer un modèle, donne-lui un nom, et choisis le template existant sur lequel il doit se baser.

Étape 4 - Ajoute, supprime et réorganise les sections, puis enregistre. Shopify écrit le fichier JSON pour toi.

Créer un template dans l’éditeur de code

Étape 1 - Duplique ton thème. Boutique en ligne → Thèmes → menu aux trois points → Dupliquer.

Étape 2 - Ouvre l’éditeur de code sur le thème dupliqué. Va dans Boutique en ligne → Thèmes, clique sur le menu aux trois points (…) à côté du thème dupliqué, puis sur Modifier le code.

Étape 3 - Navigue vers le dossier templates/.

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

Étape 5 - Sélectionne le type de template (page, product, collection, etc.) et donne-lui un nom (par 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"]
}

Ce template utilise actuellement la même section de contenu principal que le template de page standard. Tu peux ajouter des sections supplémentaires ici.

Pour ajouter des blocs à l’intérieur de ces sections, consulte Ajouter des blocs à une section Shopify.

Ajouter des sections à ton template personnalisé

Pour ajouter une section d’image hero (bannière) à ton template de landing page :

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

Important : La valeur "type" doit correspondre au nom de fichier d’une section existante dans ton dossier sections/ (sans l’extension .liquid). Utilise les noms exacts.

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

Pour coder ton propre fichier de section, consulte Créer une section personnalisée sur Shopify.

Comment assigner un template à une page ?

Pour les pages :

1. Va dans Boutique en ligne → Pages → sélectionne la page
2. Regarde dans la barre latérale droite — trouve “Modèle de thème”
3. Sélectionne ton nouveau template dans le menu déroulant (par ex. “page.landing”)
4. Enregistre

Pour les produits :

1. Produits → sélectionne le produit
2. Barre latérale droite → “Modèle de thème”
3. Sélectionne ton template (par ex. “product.feature”)
4. Enregistre

Pour les collections :

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

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

Modifier le contenu d’un template dans l’Éditeur de thème

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

1. Boutique en ligne → Thèmes → Personnaliser
2. Utilise le sélecteur de page en haut pour naviguer vers la page utilisant ton template personnalisé
3. Les sections définies dans ton template JSON apparaissent dans la barre latérale de gauche
4. Modifie les paramètres des sections, ajoute de nouvelles sections (dans la limite du template), et réorganise-les selon tes besoins

Les modifications apportées dans l’Éditeur de thème mettent automatiquement à jour le fichier de template JSON.

Comment importer un template ?

Tu ne peux pas importer (uploader) directement un fichier de template préconçu via l’interface d’administration Shopify. À la place :

• Crée des templates dans l’Éditeur de thème ou en ajoutant de nouveaux fichiers JSON dans l’éditeur de code (comme décrit ci-dessus)
• Copie des templates depuis un autre thème en copiant le contenu JSON de l’éditeur de code d’un thème et en le collant dans un nouveau fichier de l’éditeur de code de ton thème
• Importe via la CLI Shopify (pour les développeurs) — permet de pousser les fichiers de thème, y compris les templates, depuis une machine locale

Pour les marchands, l’option Créer un modèle de l’Éditeur de thème est l’approche la plus simple.

Cas d’usage courants des templates personnalisés

Template de landing page. Pas de navigation d’en-tête, pas de footer, image hero en pleine largeur, un seul CTA (règle "layout" sur une mise en page sans header ni footer). À assigner aux pages de campagnes venant des publicités.

Template de produit mis en avant. Page produit plus immersive avec une section vidéo dédiée, des détails étendus sur les ingrédients/matériaux et un tableau de comparaison. À assigner aux produits phares (hero products).

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

Page de vente en gros (Wholesale). Affichage différent des prix des produits, une section formulaire, du contenu spécifique au B2B. À assigner aux pages cachées de vente en gros.

Pour les mises en page de produits, consulte Personnaliser ta page produit Shopify.

FAQ