Points clés à retenir

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 (ex., page.custom.json ou product.feature.json).

Les templates JSON définissent les sections qui s’afficheront sur la page — aucun code HTML n’est requis.

Assignez un template à une page, un produit ou une collection via le menu déroulant “Modèle de thème” dans l’éditeur.

Une mise en page unique ne convient pas à toutes les situations. Votre page À propos a besoin d’une mise en page différente de celle de votre page Contact. Un produit vedette mérite une mise en page différente de votre template produit standard. Le système de templates personnalisés de Shopify rend cela possible sans avoir à créer des thèmes séparés.

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 :

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

Pour les produits :

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

Pour les collections :

Produits → Collections → sélectionnez la collection
Barre latérale droite → “Modèle de thème”
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 :

Boutique en ligne → Thèmes → Personnaliser
Utilisez le sélecteur de page en haut pour naviguer vers la page utilisant votre template personnalisé
Les sections définies dans votre template JSON apparaissent dans la barre latérale de gauche
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.

Créez des templates Shopify personnalisés en décrivant ce que vous voulez à Fudge.

Try Fudge for Free

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

Template de landing page. Pas de navigation en header, pas de footer, un hero pleine largeur, un seul CTA. À assigner aux pages de destination de vos campagnes publicitaires.

Template de produit phare. Une 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 à vos best-sellers ou produits principaux.

Page Histoire de marque. Grande typographie, images pleine largeur, section équipe. À assigner à la page À propos.

Page grossiste (B2B). Affichage des prix différent, une section formulaire, contenu spécifique au B2B. À assigner à des pages grossistes cachées.