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. La plupart des sections sont constituées de blocs ayant une fonction spécifique, tels que du texte, des boutons, des images simples, un collage d’images ou des liens. L’utilisation de sections et de blocs dans vos modèles offre une flexibilité dans l’arrangement de votre contenu, ce qui vous permet de contrôler le style et la présentation de votre boutique en ligne sans devoir modifier le code. Chaque modèle peut contenir jusqu’à 25 sections.

Chaque section comporte une variété spécifique de blocs à ajouter. Vous pouvez ajouter jusqu’à 50 blocs par section. Les sections et les blocs disponibles dépendent de votre thème. Pour plus d’informations sur les options disponibles, reportez-vous à la documentation de votre thème.

Certaines sections limitent le nombre de blocs que vous pouvez ajouter, ou le nombre de blocs d’un certain type. Par exemple, la section Image avec texte affiche uniquement les blocs spécifiés par le concepteur du thème pour votre thème. Dans Dawn, le thème gratuit de Shopify, vous pouvez ajouter seulement un des blocs suivants à la section Image avec texte :

• un bloc de Titre
• un bloc de Texte
• un bloc de Bouton
• un bloc de Légende

Vous pouvez personnaliser davantage la section Image avec texte via les options suivantes :

• ajouter une image et définir sa taille
• sélectionner un style d’animation pour votre image
• choisir l’alignement pour le contenu de vos blocs
• définir une palette de couleurs pour la section

Si vous atteignez la limite du nombre de blocs pouvant être ajoutés, l’option Ajouter un bloc dans l’éditeur de thème est grisée et vous ne pouvez ni cliquer ni appuyer dessus. Par exemple, dans la section Image avec texte dans le thème « Dawn », si vous avez ajouté un bloc de Titre, un bloc de Texte, un bloc de Bouton et un bloc de légende, Ajouter un bloc (4/4) s’affiche, car vous avez déjà ajouté les 4 blocs disponibles dans la section Image avec texte.

Si les sections que vous ajoutez à la mise en page de votre boutique n’incluent pas les paramètres ou les options dont vous avez besoin, vous pouvez modifier le code de votre thème ou contacter le développeur de votre thème pour obtenir de l’aide.

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.

Remarque

Si la résolution de votre écran est supérieure à 1 600 pixels, vos options de personnalisation et de modification s’affichent à droite de l’écran. Si elle est inférieure à 1 600 pixels, elles apparaissent sur le côté gauche.

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 Ajouter une section, puis suivez l’une des étapes suivantes :

   • Sélectionnez une section dans la liste.
   • Utilisez le champ Sections de recherche 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 Ajouter un bloc pour ajouter un nouveau bloc.

6. Facultatif : pour réorganiser l’ordre des sections de votre page, survolez la section, puis cliquez sur l’icône ⋮⋮ et faites-la glisser.

7. Cliquez sur Save (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. 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 l’icône en forme de loupe 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. 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. 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 l’icône en forme de loupe 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 Save (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. 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. 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. 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 ✓.

Conseil

Vous pouvez réorganiser les blocs d’une section en survolant le nom d’un bloc, puis en utilisant l’icône ⋮⋮ pour faire glisser-déposer le bloc, ou en appuyant sur le bloc et en le faisant glisser si vous utilisez l’application mobile Shopify.

Dupliquer 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. 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 sur la section ou le bloc que vous souhaitez dupliquer.
5. Dans la barre latérale, cliquez sur ... > Dupliquer.
6. Cliquez sur Save (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. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
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, puis appuyez sur la section ou le bloc que vous souhaitez dupliquer.
7. Appuyez sur … > Dupliquer.
8. 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. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
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, puis appuyez sur la section ou le bloc que vous souhaitez dupliquer.
7. Appuyez sur … > Dupliquer.
8. Appuyez sur ✓.

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 l’icône en forme d’œil.
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 l’icône de la corbeille.
6. Cliquez sur Save (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. 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 ... > Masquer.
8. Facultatif : pour supprimer une section ou un bloc de votre boutique en ligne, appuyez sur ... > Supprimer.
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. 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 ... > Masquer.
8. Facultatif : pour supprimer une section ou un bloc de votre boutique en ligne, appuyez sur ... > Supprimer.
9. 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.

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 Save (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. 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 l’icône en forme de loupe pour rechercher un bloc spécifique, puis sélectionnez votre bloc.

7. 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. 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 l’icône en forme de loupe 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

Les champs méta et les métaobjets vous permettent d’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 ou à un bloc dans l’éditeur de thème.

Par exemple, un vendeur de bougies peut vouloir afficher les durées de combustion de chaque type de bougie disponible. Après avoir configuré un champ méta de produit pour la durée de combustion, le vendeur peut ajouter un bloc pour la durée de combustion à son modèle de produit, puis le connecter au champ méta du produit. Après avoir créé un champ méta de collection pour une page répertoriant les durées de combustion, le vendeur peut ajouter un bloc à son modèle de collection, puis le connecter au champ méta de la collection.

Conseil

Cette fonctionnalité nécessite un thème prenant en charge les modèles JSON. Consultez la documentation de votre thème pour savoir s’il est compatible avec les paramètres de thème dynamique. En savoir plus sur les données personnalisées.

Attention

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 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. Consultez la documentation de votre thème pour plus d'informations.

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 le processus de configuration terminé, 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 Connecter la source dynamique pour le type de contenu pertinent que vous souhaitez modifier, puis connectez votre source dynamique.
6. Cliquez sur Save (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. 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 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. 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 ✓.

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.