Sections et blocs

Vous pouvez utiliser des sections dans votre thème pour créer la mise en page que vous souhaitez pour votre boutique en ligne. Les sections sont constituées de différents types de blocs ayant chacun une fonction spécifique, tels que du texte, des boutons, des images simples, un collage d’images ou des liens.

Les sections et les blocs offrent une grande flexibilité dans l'arrangement de votre contenu, ce qui vous permet de contrôler le style et la convivialité de votre boutique en ligne sans avoir à en modifier le code, y compris les options de personnalisation suivantes :

  • Vous pouvez réorganiser les sections de vos modèles et réorganiser les blocs dans les sections.
  • Les sections et les blocs peuvent avoir des paramètres de personnalisation spécifiques.
  • Vous pouvez connecter des sections et des blocs compatibles pour afficher des informations dynamiques sur votre boutique en ligne à partir de données personnalisées, par exemple en ajoutant des consignes d'entretien pour vos produits. En savoir plus sur la connexion de sources dynamiques.

Les sections et les blocs disponibles dans l’éditeur de thème dépendent de votre thème et de sa version. Par exemple, votre thème peut comporter un bloc Diapositive que vous pouvez ajouter uniquement à une section Diaporama et un bloc de texte Titre que vous pouvez ajouter à toutes les sections de votre thème. Pour plus d’informations sur les options disponibles, reportez‑vous à la documentation de votre thème.

Limites maximales des sections et des blocs

Les sections et les blocs ont les limites maximales suivantes :

  • Chaque modèle peut contenir jusqu’à 25 sections.
  • Chaque section peut contenir jusqu’à 50 blocs. Le nombre exact de blocs et le nombre de chaque type de bloc que vous pouvez ajouter à chaque section dépendent des sources de la section et du bloc, et sont spécifiés par le concepteur de votre thème. Par exemple, si votre thème contient une section Inscription à la liste de diffusion, vous ne pourrez ajouter qu’un seul bloc de Formulaire par e‑mail.
  • Les blocs qui prennent en charge l’imbrication peuvent avoir jusqu’à huit niveaux de blocs imbriqués.

Sources des blocs

En fonction de la structure de votre thème et des applications que vous avez installées, votre thème peut contenir une variété de sections acceptant des blocs provenant de différentes sources. Lorsque vous ajoutez un bloc à une section, tous les blocs disponibles pour cette section s’affichent dans le sélecteur de blocs. En fonction de votre thème et de sa version, vous pouvez ajouter les types de blocs suivants aux sections de votre thème :

  • Les blocs d’application sont des blocs qui ajoutent des fonctionnalités à votre thème. Vous pouvez utiliser un bloc d’application pour repositionner les zones de votre thème ajoutées par vos applications installées dans une zone spécifique d’une page de votre thème.
  • Les blocs de section sont des blocs définis dans une section spécifique.
  • Les blocs de thème sont des blocs définis dans votre thème et peuvent avoir des fonctionnalités dynamiques, telles que l’imbrication.

Votre thème peut contenir des sections qui utilisent des blocs de section et d’autres sections qui utilisent des blocs de thème. Une même section peut accepter des blocs de thème ou des blocs de section, mais pas un mélange des deux.

La disponibilité des blocs d’application dans les sections dépend de la fonctionnalité de l’application et de la section à accepter les blocs d’application.

Blocs de sections

Les blocs de section sont des blocs conçus pour une section spécifique. Une section peut limiter les types de blocs de section et le nombre de blocs d’un certain type que vous pouvez ajouter.

Exemple de section avec des blocs de section

Par exemple, votre thème contient une section Inscription à la liste de diffusion. Vous pouvez utiliser cette section pour ajouter un formulaire d’inscription à la newsletter afin que les clients puissent s’abonner à votre newsletter. Après avoir ajouté la section Inscription à la liste de diffusion, vous pouvez ajouter un bloc de chacun des blocs suivants :

  • un bloc de Formulaire par e‑mail
  • un bloc de Titre
  • un bloc de Sous‑titre

Si vous ajoutez le bloc Formulaire par e‑mail et cliquez sur cercle Plus Ajouter un bloc pour ajouter un autre bloc, le bloc Formulaire par e‑mail ne s’affiche alors plus en tant qu’option dans le sélecteur de blocs. Cette limitation permet d’éviter tout problème lié à la saisie de l’e‑mail du client et permet au client de saisir facilement son adresse e‑mail.

Si vous avez ajouté les trois blocs disponibles à la section Inscription à la liste de diffusion, le sélecteur de blocs affiche un message indiquant que tous les blocs disponibles ont été utilisés.

Blocs de thème

Les blocs de thème sont des blocs définis dans votre thème et peuvent avoir des fonctionnalités dynamiques, telles que l’imbrication. Les sections qui acceptent les blocs de thème peuvent accepter une variété de blocs différents, en fonction de la structure de la section. Une section qui accepte les blocs de thème peut accepter tous les blocs de thème disponibles, un sous‑ensemble spécifique de blocs ou des blocs uniques à cette section. Les blocs de thème peuvent également avoir les comportements suivants :

  • Certains blocs prennent en charge l’imbrication de sorte que vous pouvez imbriquer des blocs dans d’autres blocs jusqu’à huit niveaux.
  • Certaines sections ont des blocs obligatoires. Vous pouvez personnaliser ou masquer ces blocs, mais vous ne pouvez pas les réorganiser ni les supprimer.
  • Certains blocs s’affichent automatiquement dans une section lorsque certaines conditions sont remplies.

Exemple de section avec des blocs de thème

Par exemple, votre thème contient une section Diaporama avec des blocs de thème.

Dans la section diaporama de votre thème, lorsque vous cliquez sur cercle Plus Ajouter un bloc, vous pouvez sélectionner un bloc Diapositive dans le sélecteur de blocs. Aucun autre type de bloc n’est disponible. Si vous essayez d’ajouter un bloc Diapositive à une autre section de votre thème, telle qu’une section Bannière avec image, Diapositive n’est alors pas disponible. Il s’agit d’un exemple de bloc restreint.

Après avoir ajouté un bloc Diapositive à la section Diaporama, vous pouvez cliquer sur cercle Plus Ajouter un bloc pour ajouter des blocs supplémentaires aux blocs Diapositive de la section Diaporama, tels qu’un Titre, une Image, un Bouton. Ces blocs sont imbriqués dans le bloc Diapositive. Il s’agit d’un exemple de bloc imbriqué.

Si vous ajoutez un deuxième bloc Diapositive à la section Diaporama, le thème ajoute automatiquement un bloc Contrôles du diaporama. Ce bloc affiche des boutons sur lesquels les visiteurs de votre site peuvent cliquer pour naviguer d’une diapositive à l’autre. Vous pouvez personnaliser le style des boutons ou masquer les contrôles, mais vous ne pouvez pas supprimer le bloc. Il s’agit d’un exemple de bloc obligatoire, qui s’affiche sous conditions.

Compatibilité des blocs de thème

Pour accéder aux blocs de thème, votre thème doit comporter des sections qui prennent en charge les blocs de thème. Vous pouvez vérifier si votre thème prend en charge les blocs de thème dans le code de votre thème. S’il y a un répertoire de blocs dans la barre latérale de l’éditeur Liquid, vous utilisez un thème qui prend en charge les blocs de thème. Vous pouvez également consulter la documentation de votre thème.

Étapes :

  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

  2. À côté du thème que vous voulez vérifier, cliquez sur le bouton menu Horizontal, puis cliquez sur Modifier le code.

  3. Dans la barre latérale, recherchez le dossier des blocs.

    Met en surbrillance le dossier des blocs dans l’éditeur de code du thème

Personnaliser vos modèles de thème avec des sections et des blocs

Lorsque vous ouvrez l’éditeur de thème, la page d’accueil de votre boutique se charge par défaut. Vous pouvez utiliser le menu déroulant pour sélectionner un modèle différent, tel que des produits, des collections, des pages ou des blogs, ou utiliser la barre de recherche dans le menu déroulant du modèle pour rechercher un modèle spécifique. Lorsque vous sélectionnez un modèle, celui-ci se charge dans l’éditeur de thème et toutes les modifications que vous apportez sont visualisées dans l’éditeur.

Ajouter une section

Ajoutez une nouvelle section à n’importe quelle page de votre boutique en ligne.

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.

  3. Personnalisez votre page d’accueil, ou cliquez sur le menu déroulant de la page d’accueil, puis sélectionnez le modèle que vous souhaitez ajouter à la section.

  4. Dans la barre latérale, cliquez sur cercle Plus Ajouter une section, puis effectuez l’une des étapes suivantes :

    • Sélectionnez une section dans la liste.
    • Utilisez le champ Rechercher les sections pour trouver une section spécifique, puis sélectionnez-le.
  5. Personnalisez votre nouvelle section en suivant les étapes suivantes :

    • Modifiez les paramètres et le contenu de votre nouvelle section.
    • Modifiez les paramètres et le contenu des blocs par défaut qui se chargent avec la section.
    • Cliquez sur cercle Plus Ajouter un bloc pour ajouter un nouveau bloc.
  6. Facultatif : pour réorganiser l’ordre des sections de votre page, survolez le nom de la section, puis cliquez sur le boutonGlisser-déposer et faites-le glisser.

  7. Cliquez sur Enregistrer.

iPhone
  1. Depuis l’application Shopify, appuyez sur l’icône0 Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.

  5. Personnalisez votre page d’accueil ou appuyez sur le menu déroulant de la Page d’accueil, puis sélectionnez le modèle auquel vous souhaitez ajouter une section.

  6. Appuyez sur Sections, puis appuyez sur Ajouter une section, puis suivez l’une des étapes suivantes :

    • Sélectionnez une section dans la liste, puis appuyez sur Ajouter.
    • Appuyez sur le bouton rechercher pour rechercher une section spécifique, sélectionnez votre section, puis appuyez sur Ajouter.
  7. Personnalisez votre nouvelle section en suivant les étapes suivantes :

    • Modifiez les paramètres et le contenu de votre nouvelle section.
    • Modifiez les paramètres et le contenu des blocs par défaut qui se chargent avec la section.
    • Appuyez sur Ajouter un bloc pour ajouter un nouveau bloc.
  8. Facultatif : pour réorganiser l’ordre des sections sur votre page, appuyez sur la section et faites-la glisser.

  9. Appuyez sur Enregistrer.

Android
  1. Depuis l’application Shopify, appuyez sur le bouton Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.

  5. Personnalisez votre page d’accueil ou appuyez sur le menu déroulant de la Page d’accueil, puis sélectionnez le modèle auquel vous souhaitez ajouter une section.

  6. Appuyez sur Sections, puis appuyez sur Ajouter une section, puis suivez l’une des étapes suivantes :

    • Sélectionnez une section dans la liste, puis appuyez sur Ajouter.
    • Appuyez sur le bouton rechercher pour rechercher une section spécifique, sélectionnez votre section, puis appuyez sur Ajouter.
  7. Personnalisez votre nouvelle section en suivant les étapes suivantes :

    • Modifiez les paramètres et le contenu de votre nouvelle section.
    • Modifiez les paramètres et le contenu des blocs par défaut qui se chargent avec la section.
    • Appuyez sur Ajouter un bloc pour ajouter un nouveau bloc.
  8. Facultatif : pour réorganiser l’ordre des sections sur votre page, appuyez sur la section et faites-la glisser.

  9. Appuyez sur .

Modifier une section

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.

  3. Modifiez une section de votre page d’accueil, ou cliquez sur le menu déroulant de la Page d’accueil, puis sélectionnez le modèle contenant la section que vous souhaitez modifier.

  4. Dans la barre latérale, cliquez sur le nom d’une section pour charger le contenu dans la fenêtre d’aperçu et accéder aux paramètres et options que vous pouvez modifier.

  5. Facultatif : cliquez sur des blocs individuels pour modifier les blocs d’une section.

  6. Cliquez sur Enregistrer.

iPhone
  1. Depuis l’application Shopify, appuyez sur l’icône0 Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.

  5. Modifiez une section de votre page d’accueil, ou appuyez sur le menu déroulant de la page d’accueil, puis sélectionnez le modèle contenant la section que vous souhaitez modifier.

  6. Appuyez sur Sections, puis appuyez sur le nom d’une section pour charger le contenu dans la fenêtre d’aperçu et accéder aux paramètres et options disponibles pour la modification.

  7. Facultatif : appuyez sur des blocs individuels pour modifier les blocs d’une section.

  8. Appuyez sur Enregistrer.

Android
  1. Depuis l’application Shopify, appuyez sur le bouton Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.

  5. Modifiez une section de votre page d’accueil, ou appuyez sur le menu déroulant de la page d’accueil, puis sélectionnez le modèle contenant la section que vous souhaitez modifier.

  6. Appuyez sur Sections, puis appuyez sur le nom d’une section pour charger le contenu dans la fenêtre d’aperçu et accéder aux paramètres et options disponibles pour la modification.

  7. Facultatif : appuyez sur des blocs individuels pour modifier les blocs d’une section.

  8. Appuyez sur .

Réorganiser une section ou un bloc

Vous pouvez modifier l’ordre des sections dans vos modèles de page et réorganiser les blocs dans ces sections. De plus, vous pouvez déplacer des blocs compatibles entre différentes sections. Par exemple, si votre page d’accueil comporte deux sections Diaporama, vous pouvez faire glisser un bloc Diapositive d’un diaporama à un autre.

Vous ne pouvez pas déplacer un bloc vers une section différente si le type de bloc est incompatible ou si la section a déjà atteint son nombre de blocs maximal. Si vous essayez de déplacer une section ou un bloc vers un emplacement non valide, il reviendra à sa position initiale.

Vous pouvez également utiliser la fonction Preview Inspector pour réorganiser les sections. En savoir plus sur l’utilisation de la fonction Preview Inspector dans l’éditeur de thème.

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.

  3. Pour modifier une section ou un bloc sur votre page d’accueil, sélectionnez la section ou le bloc directement ou utilisez le menu déroulant de la Page d’accueil pour choisir le modèle spécifique qui contient la section ou le bloc que vous voulez modifier.

  4. Cliquez et maintenez la Faites un glisser-déposer de, puis déplacez le bloc ou la section vers un nouvel emplacement.

  5. Cliquez sur Enregistrer.

iPhone
  1. Dans l’application Shopify, appuyez sur le bouton
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Appuyez sur Personnaliser à côté du thème que vous souhaitez modifier.
  5. Pour modifier une section ou un bloc sur votre page d’accueil, sélectionnez la section ou le bloc directement ou utilisez le menu déroulant de la Page d’accueil pour choisir le modèle spécifique qui contient la section ou le bloc que vous voulez modifier.
  6. Appuyez sur Sections > Modifier.
  7. Maintenez appuyé le Glisser-déposer, puis déplacez le bloc ou la section vers un nouvel emplacement.
  8. Appuyez sur Terminé.
  9. Appuyez sur Enregistrer.
Android
  1. Dans l’application Shopify, appuyez sur le bouton .
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Appuyez sur Personnaliser à côté du thème que vous souhaitez modifier.
  5. Modifiez une section ou un bloc de votre page d’accueil, ou appuyez sur le menu déroulant de la page d’accueil, puis sélectionnez le modèle contenant la section ou le bloc que vous souhaitez modifier.
  6. Appuyez sur Sections > Modifier.
  7. Maintenez appuyé le Glisser-déposer, puis déplacez le bloc ou la section vers un nouvel emplacement.
  8. Appuyez sur Terminé.
  9. Appuyez sur .

Dupliquer une section ou un bloc

Vous pouvez dupliquer une section ou un bloc pour créer une copie identique de cette section ou de ce bloc.

Après avoir dupliqué un bloc, le nouveau bloc est ajouté à la même section. Si vous souhaitez déplacer le bloc vers une nouvelle section ou modifier l’ordre des blocs, vous pouvez réorganiser le bloc. Vous pouvez également copier un bloc, puis le coller directement dans une autre section.

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.

  3. Dupliquez une section ou un bloc de votre page d’accueil, ou cliquez sur le menu déroulant de la Page d’accueil, puis sélectionnez le modèle contenant la section ou le bloc que vous souhaitez dupliquer.

  4. Cliquez avec le bouton droit sur la section ou le bloc que vous souhaitez dupliquer, puis cliquez sur Dupliquer.

  5. Cliquez sur Enregistrer.

iPhone
  1. Depuis l’application Shopify, appuyez sur l’icône0 Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

  3. Appuyez sur Gérer tous les thèmes.

  4. Appuyez sur Personnaliser à côté du thème que vous souhaitez modifier.

  5. Dupliquez une section ou un bloc de votre page d’accueil, ou appuyez sur le menu déroulant de la page d’accueil, puis sélectionnez le modèle contenant la section ou le bloc que vous souhaitez dupliquer.

  6. Appuyez sur Sections > Modifier.

  7. Appuyez sur menu Horizontal > Dupliquer.

  8. Appuyez sur Enregistrer.

Android
  1. Depuis l’application Shopify, appuyez sur le bouton Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

  3. Appuyez sur Gérer tous les thèmes.

  4. Appuyez sur Personnaliser à côté du thème que vous souhaitez modifier.

  5. Dupliquez une section ou un bloc de votre page d’accueil, ou appuyez sur le menu déroulant de la page d’accueil, puis sélectionnez le modèle contenant la section ou le bloc que vous souhaitez dupliquer.

  6. Appuyez sur Sections > Modifier.

  7. Appuyez sur menu Horizontal > Dupliquer.

  8. Appuyez sur . .

Copier et coller des blocs

Si vous souhaitez utiliser le même bloc dans plusieurs sections, vous pouvez facilement le copier et le coller dans une section différente. Vous pouvez également copier et coller un bloc dans la même section ou choisir à la place de dupliquer le bloc. Un bloc dupliqué conservera tous les paramètres et le contenu du bloc d’origine.

Étapes :

  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

  2. Cliquez sur Personnaliser à côté du thème que vous souhaitez modifier.

  3. Pour copier-coller un bloc sur votre page d’accueil, sélectionnez-le directement ou utilisez le menu déroulant de la Page d’accueil pour choisir le modèle spécifique qui contient la section ou le bloc que vous voulez modifier.

  4. Faites un clic droit sur le bloc que vous voulez dupliquer, puis cliquez sur Copier.

  5. Dans la même section, ou dans une section différente, faites un clic droit dans la section, puis cliquez sur Coller.

  6. Cliquez sur Enregistrer.

Masquer ou supprimer une section ou un bloc

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.

  3. Masquez ou supprimez une section ou un bloc de votre page d’accueil, ou cliquez sur le menu déroulant de la page d’accueil, puis sélectionnez le modèle contenant la section ou le bloc que vous souhaitez masquer ou supprimer.

  4. Facultatif : pour masquer une section ou un bloc de votre boutique en ligne, survolez le nom de la section ou du bloc, puis cliquez sur le bouton Masquer.

  5. Facultatif : pour supprimer une section ou un bloc de votre boutique en ligne, survolez le nom de la section ou du bloc, puis cliquez sur le bouton Supprimer.

  6. Cliquez sur Enregistrer.

iPhone
  1. Depuis l’application Shopify, appuyez sur l’icône0 Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.

  5. Masquez ou supprimez une section ou un bloc de votre page d’accueil, ou appuyez sur le menu déroulant de la page d’accueil, puis sélectionnez le modèle contenant la section ou le bloc que vous souhaitez masquer ou supprimer.

  6. Appuyez sur Sections, puis appuyez sur la section ou le bloc que vous souhaitez masquer ou supprimer.

  7. Facultatif : pour masquer une section ou un bloc de votre boutique en ligne, appuyez sur menu Horizontal > Masquer.

  8. Facultatif : pour supprimer une section ou un bloc de votre boutique en ligne, appuyez sur menu Horizontal > Supprimer.

  9. Appuyez sur Enregistrer.

Android
  1. Depuis l’application Shopify, appuyez sur le bouton Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.

  5. Masquez ou supprimez une section ou un bloc de votre page d’accueil, ou appuyez sur le menu déroulant de la page d’accueil, puis sélectionnez le modèle contenant la section ou le bloc que vous souhaitez masquer ou supprimer.

  6. Appuyez sur Sections, puis appuyez sur la section ou le bloc que vous souhaitez masquer ou supprimer.

  7. Facultatif : pour masquer une section ou un bloc de votre boutique en ligne, appuyez sur menu Horizontal > Masquer.

  8. Facultatif : pour supprimer une section ou un bloc de votre boutique en ligne, appuyez sur menu Horizontal > Supprimer.

  9. Appuyez sur .

Renommer une section ou un bloc

Par défaut, le titre d’une section ou d’un bloc dans le menu de la barre latérale de l’éditeur de thème et dans les détails des paramètres est défini sur le type de bloc ou de section tel que « Collection » ou « Texte ».

Pour les blocs, si les paramètres des blocs contiennent un champ de texte tel qu’un titre ou une description, ce texte est alors également ajouté au titre dans le menu de la barre latérale. S’il y a plus d’un champ de texte, le premier champ de texte comportant un contenu est alors ajouté. Lorsque vous modifiez le texte dans le champ de texte, le titre du bloc change alors pour inclure le texte mis à jour. Un nom de section ou de bloc ne peut pas être vide.

Par exemple, vous ajoutez une section Multicolonne à votre modèle de page avec des blocs Colonne. Le bloc colonne comprend un paramètre Titre avec le texte par défaut Colonne et un paramètre Description avec le texte par défaut Associez le texte à une image pour mettre l’accent sur le produit, la collection ou l’article de blog de votre choix. les deux. Le titre par défaut de la section est Multicolonne. Le titre par défaut du bloc Colonne est Colonne - Colonne. Si vous supprimez le texte de la section Titre, le titre du bloc devient Colonne - Associer le texte avec une image...

Vous pouvez renommer n’importe quelle section ou n’importe quel bloc avec un nom personnalisé à partir des paramètres de la section ou du bloc dans le menu de la barre latérale de l’éditeur de thème.

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.

  3. Cliquez sur la section ou le bloc que vous souhaitez renommer.

  4. Mettez à jour le titre de l’une des manières suivantes :

    • Cliquez sur le titre, puis modifiez-le ou saisissez un nouveau nom.
    • Cliquez sur menu Horizontal > Modifier Renommer, puis saisissez un nouveau nom.
  5. Cliquez sur Enregistrer.

iPhone
  1. Depuis l’application Shopify, appuyez sur l’icône0 Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.

  5. Appuyez ou faites glisser pour ouvrir le menu de la section.

  6. Appuyez sur la section ou le bloc que vous souhaitez renommer pour ouvrir les paramètres.

  7. Appuyez sur menu Horizontal > Modifier Renommer, puis saisissez un nouveau nom.

  8. Appuyez sur Enregistrer.

Android
  1. Depuis l’application Shopify, appuyez sur le bouton Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.

  5. Appuyez ou faites glisser pour ouvrir le menu de la section.

  6. Appuyez sur la section ou le bloc que vous souhaitez renommer pour ouvrir les paramètres.

  7. Appuyez sur menu Horizontal > Modifier Renommer, puis saisissez un nouveau nom.

  8. Appuyez sur .

Travailler avec les blocs

Les blocs sont des modules personnalisables que vous utilisez pour ajouter du contenu aux sections de vos modèles. Vous pouvez utiliser des blocs pour ajouter du texte, des images, des liens, des boutons et plus encore.

Les thèmes Shopify disposent de sections et de blocs personnalisables. Les types de blocs de certaines sections sont fixes, ce qui signifie que votre choix se limite aux blocs proposés par le concepteur du thème pour les sections concernées.

D’autres sections vous permettent de sélectionner le bloc que vous souhaitez, mais il y a une limite au nombre total de blocs que vous pouvez ajouter à la section. Si votre section atteint le nombre maximum de blocs disponibles, l’option Ajouter un bloc est grisée, et vous ne pouvez ni cliquer ni appuyer dessus.

Vous pouvez utiliser la recherche pour trouver un bloc spécifique par nom ou sélectionner un bloc à partir du menu déroulant du sélecteur de bloc. Les blocs de votre thème pourraient être triés en catégories dans le sélecteur de bloc, comme Collection pour les blocs avec un sélecteur de collection ou Support multimédia pour les blocs d’image et de vidéo.

Un aperçu du bloc s’affiche dans le sélecteur de bloc afin que vous puissiez passer en revue l’affichage du bloc avant de l’ajouter.

Ajouter un bloc

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.

  3. Vous pouvez ajouter un bloc à une section de votre page d’accueil ou cliquez sur le menu déroulant de la Page d’accueil et sélectionnez le modèle auquel vous souhaitez ajouter un bloc.

  4. Recherchez la section à laquelle vous souhaitez ajouter un bloc, cliquez sur Ajouter un bloc, puis suivez l’une des étapes suivantes :

    • Sélectionnez un bloc dans la liste.
    • Utilisez le champ Blocs de recherche pour trouver un bloc spécifique, puis sélectionnez-le.
  5. Cliquez sur Enregistrer.

iPhone
  1. Depuis l’application Shopify, appuyez sur l’icône0 Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.

  5. Vous pouvez ajouter un bloc à une section de votre page d’accueil ou appuyer sur le menu déroulant de la page d’accueil et sélectionner le modèle auquel vous souhaitez ajouter un bloc.

  6. Appuyez sur Sections, puis appuyez sur Ajouter un bloc pour la section à laquelle vous souhaitez ajouter un bloc, puis suivez l’une des étapes suivantes :

    • Sélectionnez un bloc dans la liste.
    • Appuyez sur le bouton rechercher pour rechercher un bloc spécifique, puis sélectionnez votre bloc.
  7. Appuyez sur Enregistrer.

Android
  1. Depuis l’application Shopify, appuyez sur le bouton Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.

  5. Vous pouvez ajouter un bloc à une section de votre page d’accueil ou appuyer sur le menu déroulant de la page d’accueil et sélectionner le modèle auquel vous souhaitez ajouter un bloc.

  6. Appuyez sur Sections, puis appuyez sur Ajouter un bloc pour la section à laquelle vous souhaitez ajouter un bloc, puis suivez l’une des étapes suivantes :

    • Sélectionnez un bloc dans la liste.
    • Appuyez sur le bouton rechercher pour rechercher un bloc spécifique, puis sélectionnez votre bloc.
  7. Appuyez sur .

Utiliser des champs méta et des métaobjets avec des sources dynamiques

Vous pouvez utiliser des champs méta et des métaobjets pour afficher des informations dynamiques sur votre boutique en ligne. Si votre thème prend en charge les champs méta, vous pouvez connecter un champ méta à une section compatible ou à des paramètres de bloc dans l’éditeur de thème.

Par exemple, si vous vendez des bougies, vous pourriez alors afficher les durées de combustion de chaque bougie disponible dans votre boutique. Après avoir configuré un champ méta de produit pour Durée de combustion dans la section Données personnalisées des paramètres de votre interface administrateur Shopify, vous pouvez ajouter un bloc de texte à la section principale de votre modèle de produit. Dans le bloc de texte, vous pouvez cliquer sur le bouton Source dynamique sur le paramètre de texte et sélectionner le champ méta Durée de combustion. Les informations relatives à la durée de combustion s’afficheront désormais sur vos produits.

Si vous avez un thème Shopify, vous pouvez connecter la plupart des champs méta et métaobjets à votre thème en utilisant l’éditeur de thème. Si vous utilisez d’autres thèmes ou si vous souhaitez ajouter des types de données personnalisées que votre thème ne prend pas en charge, vous pouvez modifier le code de votre thème ou engager un(e) Partenaire Shopify pour vous aider. En savoir plus sur la marche à suivre pour engager un Partenaire Shopify.

Les sources dynamiques ne sont pas prises en charge par toutes les sections ou tous les blocs. Vérifiez la version d’architecture de votre thème et les options de personnalisation disponibles dans l’éditeur de thème pour déterminer si votre thème prend en charge les sources dynamiques.

Vous pouvez afficher des informations dynamiques sur votre boutique en ligne en ajoutant des sections ou des blocs compatibles avec les sources dynamiques. Les sources dynamiques peuvent être utilisées dans n’importe quel modèle, section ou bloc qui affiche des ressources compatibles (produit, collection, page, blog et article de blog). Vous devez ajouter votre champ méta pour pouvoir le connecter dans vos modèles. Consultez la section Sources dynamiques pour plus d’informations sur l’utilisation des champs méta et des métaobjets avec des sources dynamiques dans votre thème.

Une fois que vous avez effectué le processus de configuration, suivez les étapes ci-dessous pour connecter des sources dynamiques à des sections ou des blocs de votre thème à l’aide du bouton Connecter la source dynamique.

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.

  3. Modifiez une section ou un bloc de votre page d’accueil, ou appuyez sur le menu déroulant de la page d’accueil, puis sélectionnez le modèle contenant la section ou le bloc que vous souhaitez modifier.

  4. Dans la barre latérale, cliquez sur le nom d’une section ou d’un bloc pour charger le contenu dans la fenêtre d’aperçu et accéder aux paramètres et options que vous pouvez modifier.

  5. Cliquez sur le bouton Source dynamique pour le type de contenu pertinent que vous souhaitez modifier, puis connectez votre source dynamique.

  6. Cliquez sur Enregistrer.

iPhone
  1. Depuis l’application Shopify, appuyez sur l’icône0 Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.

  5. Modifiez une section ou un bloc de votre page d’accueil, ou appuyez sur le menu déroulant de la page d’accueil, puis sélectionnez le modèle contenant la section ou le bloc que vous souhaitez modifier.

  6. Appuyez sur Sections, puis sur le nom d’une section ou d’un bloc pour charger le contenu dans la fenêtre d’aperçu et accéder aux paramètres et options que vous pouvez modifier.

  7. Appuyez sur le bouton Source dynamique pour le type de contenu pertinent que vous souhaitez modifier, puis connectez votre source dynamique.

  8. Appuyez sur Enregistrer.

Android
  1. Depuis l’application Shopify, appuyez sur le bouton Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.

  5. Modifiez une section ou un bloc de votre page d’accueil, ou appuyez sur le menu déroulant de la page d’accueil, puis sélectionnez le modèle contenant la section ou le bloc que vous souhaitez modifier.

  6. Appuyez sur Sections, puis sur le nom d’une section ou d’un bloc pour charger le contenu dans la fenêtre d’aperçu et accéder aux paramètres et options que vous pouvez modifier.

  7. Appuyez sur le bouton Connecter une source dynamique pour le type de contenu que vous souhaitez modifier, puis connectez votre source dynamique.

  8. Appuyez sur .

En savoir plus sur l’affichage de champs méta dans votre boutique en ligne et sur l’affichage de métaobjets dans votre boutique en ligne.

Sélecteur de source dynamique

Sélecteur de source dynamique

Vous pouvez utiliser le sélecteur de source dynamique pour connecter la source dynamique correcte directement dans l’éditeur de thème. Examinez les fonctionnalités clés suivantes du sélecteur de source dynamique :

  • Vous pouvez référencer des sources dynamiques à partir de diverses ressources, le cas échéant. Par exemple, si vous connectez un paramètre à un bloc connecté à une ressource de produit et à une ressource de page, vous pouvez utiliser le menu déroulant dans le sélecteur de source dynamique pour indiquer si vous souhaitez rechercher des champs méta associés au produit ou à la ressource de la page.
  • Le sélecteur de source dynamique dispose d’une fonctionnalité de recherche et de filtrage pour vous aider à trouver le champ méta dont vous avez besoin.
  • Le sélecteur de source dynamique vous permet de choisir des champs méta de catégorie. Il s’agit d’attributs supplémentaires qui deviennent disponibles lorsque vous attribuez une catégorie de produit à un produit. L’accès à ces champs méta vous permet de connecter des sources dynamiques à tous les champs pertinents du métaobjet d’attribut sous-jacent.
Vous ne trouvez pas les réponses que vous recherchez ? Nous sommes là pour vous aider.